@media(max-width:1300px) {
.menubar .logo { height: 63px; width: 200px; }
.menubar .logo img { padding: 8px 0; }
.navigation .menu ul li a { padding: 20px 10px; font-size: 13px }
.about-right-part { margin: 0 0 80px 25px; }
}
@media(max-width:1200px) {
.menubar .logo { height: 62px; width: 180px; }
.navigation .menu ul li a { padding: 20px 8px; font-size: 12px }
.search_action { padding: 15px 0px 15px 8px; }
.header_appointment_btn { width: 170px; margin-top: 10px; }
}
@media(max-width:1100px) {
.menubar .logo { float: left; width: 160px; padding: 0 5px 0 0; position: absolute; height: 60px; z-index: 999; }
.header_appointment_btn { width: 145px; margin: 7px 0 0; }
.navigation .menu ul li a { padding: 20px 7px; font-size: 12px }
}
@media(max-width:1023px) {
.navigation .menu ul li.active a, .navigation .menu ul li:hover a { border-bottom: 1px solid #0096d9; }
.menubar .logo { height: auto; }
.menubar .logo img { width: 100%; padding: 7px 5px 7px 0; }
.header_appointment_btn { display: none; }
.navigation { float: left; width: 100%; position: relative; }
.navigation .navbar { display: block; float: left; width: 100%; }
.navigation .menu { display: none; width: 100%; overflow: hidden; overflow-y: visible; position: relative; z-index: 9999; max-height: 410px; overflow-y: auto; position: absolute; top: 100%; background: #2b2a29; left: 0; right: 0; text-align: left; }
.navigation .menu ul li { padding: 0; float: left; width: 100%; display: block }
.navigation .menu ul li a { padding: 7px 15px; text-align: left; font-size: 14px; border-right: 1px dashed transparent; color: #fff; border-bottom: 1px solid #474747; display: block; }
.navigation .menu ul li ul.cs-dropdown { position: relative !important; opacity: 1 !important; visibility: visible !important; top: auto !important; left: auto !important; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; width: 100%; display: none; transition: none !important }
.navigation .menu ul li ul.cs-dropdown, .navigation .menu ul li ul.cs-dropdown li .cs-dropdown { padding-top: 0; padding-left: 0; padding-bottom: 0; display: none; transition: none; padding-right: 0; width: 100%; background: #666 }
.navigation .menu ul .cs-submenu a { position: relative }
.navigation .menu ul li.cs-submenu a button { display: block; position: absolute; top: 0px; right: 15px; background: transparent; border: 0; color: #fff; font-size: 16px; height: 30px; outline: none; width: 30px; padding: 0; text-align: center; line-height: 18px }
.navigation ul li.cs-submenu a button svg { width: 16px; height: 16px; }
.navigation ul li.cs-submenu a button.rotated svg { transform: rotateZ(180deg); }
.navigation ul li.cs-submenu:hover svg { transform: rotateZ(0deg); }
.navigation .menu ul li ul.cs-dropdown, .navigation .menu ul li ul.cs-dropdown li .cs-dropdown li .cs-dropdown { padding-top: 0; padding-left: 0; padding-bottom: 0; display: none; transition: none; padding-right: 0; float: left; width: 100% !important; background: #3f5faa }
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown { left: 100%; margin-top: 0 }
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown { left: -100%; margin-top: 0 }
.navigation .menu ul li ul.cs-dropdown li { border-bottom: 0 }
.navigation .menu ul li ul.cs-dropdown li a { color: #fff; display: block; font-size: 14px; padding: 7px 15px; line-height: normal; border-bottom: 1px solid #6d6d6d; background: #555555; }
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a { background: #666; }
.mobile_hide { display: none !important; }
.navigation .menu ul>li>a:hover:before, .navigation .menu ul>li.active>a:before { opacity: 0; }
.navigation .menu ul li:hover ul.cs-dropdown { display: none; }
.navigation .menu ul li:hover a:before { border: 0; }
.navigation .menu ul li.cs_mega ul.cs-dropdown { padding: 0; max-height: initial; overflow: hidden; }
.navigation .menu ul li.cs_mega ul.cs-dropdown li { border: 0; width: 100%; }
.right-content { padding: 15px 15px; }
.navigation .menu ul li:nth-child(3) ul.cs-dropdown {
    width: 100%;
    left: 0%;

}

.navigation .menu ul li:nth-child(3) ul.cs-dropdown li {
    width: 100%;
    float: left;
    position: relative
}

.navigation .menu ul li:nth-child(3) ul.cs-dropdown li:nth-child(2n) {
    border-left: 0px solid #eee
}

.navigation .menu ul li:nth-child(3) ul.cs-dropdown li ul.cs-dropdown {
    width: 100%
}

.navigation .menu ul li:nth-child(3) ul.cs-dropdown li ul.cs-dropdown li {
    width: 100%
}


}
@media (max-width:980px) {
.carousel-control-next, .carousel-control-prev { width: 23px; }
.carousel-control-next-icon, .carousel-control-prev-icon { height: 15px; width: 15px; }
.carousel-control-prev { left: 0px; border-radius: 0 3px 3px 0; }
.carousel-control-next { right: 0px; border-radius: 3px 0px 0px 3px; }
}
@media (max-width:768px) {
.inner_breadcrumb .breadcrumb li { line-height: 2.5; font-size: 10px; }
.top_contact li { padding: 0 5px; margin: 0; }
.top_contact li:first-child { padding-left: 5px; }
.top_contact li a { font-size: 14px; } header { position: relative; background: #333; }
.top_social li a { width: 30px; height: 30px; line-height: 30px; }
.top_contact li a { line-height: 30px; }
.about-right-part { max-width: 100%; width: 100%; }
.introduce_images { max-width: 100%; width: 100%; }
.features .features-holder { display: block; }
.features .feature-panel-holder .feature-panel { margin-bottom: 0; padding: 23px 20px 40px; min-height: 240px; border-radius: 8px; }
.features .feature-panel-holder { float: left; width: 50%; padding-top: 0; }
.features .more-features { float: left; width: 100%; margin: 30px 0; }
.features .features-card { float: left; width: 100%; display: block; }
.features .features-card .card-panel { float: left; width: 100%; display: block; margin-bottom: 20px; }
.read_more_btn { padding: 8px 20px; }
.home_interior { border: 1px solid #ccc; margin-bottom: 20px; }
.about_video .about_text { width: 100%; height: auto; padding: 20px; }
.about_video .about_text p { font-size: 16px; line-height: 26px; margin: 0; }
.home_about_us p { float: left; width: 100%; }
.about_video .about_video { float: left; width: 100%; height: 210px; margin: 0; }
.home_trending h2 { font-size: 18px; }
.home_selling h2 { font-size: 18px; }
.h2_title { font-size: 22px; }
.kitchen_step { margin-bottom: 30px; }
.home_gallery_nav { bottom: 40px; }
.home_galley_left { height: auto; padding: 25px 0; }
.home_galley_left h2 { font-size: 18px; }
.fact-counter .count-box .count { float: none; margin: 0 0 10px; font-size: 30px; line-height: normal; }
.fact-counter .count-box .count-text { font-size: 30px; }
.fact-counter .count-box { border: 1px solid #eee; text-align: center; margin-bottom: 20px; padding: 15px; }
.text_content h3 { font-size: 18px; }
.text_content p { font-size: 15px; }
.bg-theme-colored2 { border-bottom: 1px solid #39569b; }
.bg-theme-colored { border-bottom: 1px solid #1572ac; }
.box-hover-effect.effect-siberia .info-box .info-title h3 { font-size: 18px; } #popularCourse .owl-nav .owl-prev { left: -10px; } #popularCourse .owl-nav .owl-next { right: -10px; }
.blog-content2 h5 { height: auto; }
.blog-content2 h5 span { position: relative; top: 0; left: 0; transform: none; }
.footer-menu ul { margin-bottom: 20px; }
.social-icons li a span { display: none; }
.text-right { text-align: left; }
.wps_copy { line-height: normal; padding: 10px 0; }
.blog_details_img { height: auto; }
.market-list li { width: 50%; }
.productGallery2 {
    height: 125px;
}
}
@media (max-width:480px) {
.trending_item .trending_box { margin: 0; }
}