/* ================================================== 
THEME RESPONSIVE
================================================== */
@media screen and (max-width: 1250px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1150px) { 

}

@media screen and (max-width: 1100px) { 
.c-mid .cg-desk {width: 69%;}
.c-mid .c-info {width: 31%;}
.share li a {width: 38px; height: 38px; font-size: 1.2rem; padding-top: 9px;}
.c-more a .info h4 {font-size: .96rem;}
}

@media screen and (max-width: 1024px) { 
.head-control, .layout-control {padding: 0 15px;}
#cssmenu > ul > li > a {font-size: 1.05rem;}
.c-gallery .owl-nav button.owl-prev::before, .c-gallery .owl-nav button.owl-next::before {width: 50px; height: 50px;}
.c-gallery .owl-dots {bottom: -20px;}
.c-gallery .owl-dots .owl-dot span {background: #7f7f7f!important;}
.cb .price {font-size: 1.2rem;}
.c-detail .col .value {font-size: .96rem;}
.listing .box {margin: 0 -10px;}
.listing .row {padding: 0 10px; margin-bottom: 20px;}
.listing .row a .info h4 {font-size: .9rem;}
.listing a .info .price {font-size: .9rem;}
.f-top .row.one {min-width: 230px;}
}

@media screen and (max-width: 980px) {
.nav, .cg-desk, #breadcrumbs, .c-ctc.desk {display: none;}
.head-item {padding: 15px 0;}
.b-menu {display: block; margin-top: -5px;}
.cg-hp {display: block;}
.pages.d-car {padding-top: 0;}
.c-top {margin-top: 20px;}
.ctop-title h1 {font-size: 1.8rem;}
.c-gallery .owl-dots {bottom: 15px;}
.c-gallery .owl-dots .owl-dot span {background: #fff!important;}
.c-mid .c-info {width: 100%; padding: 0;}
.cb.last {border-bottom: 1px solid #ddd;}
.c-more .row, .listing .row {width: 50%;}
.c-more a .info h4, .listing .row a .info h4 {font-size: 1rem;}
.c-more a .info .price, .listing a .info .price {font-size: .95rem;}
.c-ctc.cs-hp {border: none; border-top: 1px solid #ddd; background: #fff; display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9;}
.c-ctc .ctc-one {width: 60%; align-items: center; margin: 0;}
.c-ctc .ctc-two {width: 40%; margin-left: 15px;}
.ctc-one a.call-btn {max-width: 40px; border: none; font-size: .8rem; padding: 0;}
.ctc-one a.call-btn i {margin-bottom: 5px;}
.ctc-one a.wsp-btn {font-size: 1rem; font-weight: 500;}
.ctc-two a {font-size: 1rem; text-align: center; font-weight: 500;}
.c-more {padding: 40px 0 20px;}
.footer.s-foot {padding-bottom: 70px;}
.footer .f-box {max-width: 480px; margin: 0 auto;}
.galeri .item, .gallery-item {width: 50%!important;}
}

@media screen and (max-width: 853px) { 
.footer .f-box {flex-direction: column;}
.footer .row.one, .footer .row.two {width: 100%; padding: 0;}
.footer .row.two, .footer .row.three {margin-top: 25px;}
.s-brand {flex-wrap: wrap;}

}

@media screen and (max-width: 600px) {
.galeri .item, .gallery-item {width: 100%!important;}
}

@media screen and (max-width: 480px) {
#breadcrumbs, .c-gallery .owl-nav, .topbar .l-head, .flex-direction-nav {display: none!important;}
.pages {padding: 20px 0;}
.c-more .row, .listing .row {width: 100%;}
.c-gallery .owl-dots {bottom: 10px;}
.metaslider .flex-control-nav {bottom: 10px!important; right: 10px!important;}
.topbar {padding: 6px 0;}
.topbar .r-head {width: 100%; justify-content: space-between;}
.logo {width: 79px; height: 65px;}
.wpcf7-form .col {margin-bottom: 18px;}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {padding: 10px; font-size: .95rem;}
.wpcf7-form .button {display: block;}
.wpcf7-form .button input {font-size: .9rem; font-weight: 500; letter-spacing: 1px; width: 100%;}
#commentform input, #commentform textarea {width: 100%; font-size: 1rem;}
.ctop-title h1 {font-size: 1.3rem;}
.c-meta .row-one {font-size: .8rem;}
.cb .price {font-size: 1.1rem;}
.c-title h3 {font-size: 1.4rem;}
.c-btm {margin-top: 30px; padding: 30px 0;}
.c-ctc {padding: 10px;}
.c-ctc .ctc-one {width: 55%;}
.c-ctc .ctc-two {width: 45%; margin-left: 5px;}
.ctc-one a.wsp-btn, .ctc-two a {font-size: .85rem; letter-spacing: 0; height: 39px;}
.ctc-one a.wsp-btn i {font-size: 1rem; vertical-align: -1px;}
.ctc-two a {line-height: 1.28;}
.fs-form .box {flex-direction: column;}
.fs-form .f-title h3 {font-size: 1.2rem;}
.fs-form .col {width: 100%;}
.fs-form .col.one, .fs-form .col.two {padding: 0;}
.fs-form .f-title p {font-size: .9rem;}
.copy {padding-top: 20px; border-top: 1px solid #373737;}
.f-text p, .f-ctc li, .f-ctc li a, .copy p {font-size: .92rem;}
.copy p, .copy .wbdsn a {text-align: center; font-size: .85rem;}
.footer.s-foot {padding-bottom: 40px;}
.p-title h1, .p-title h2 {font-size: 1.5rem;}
.h-search .s-btn {position: relative; top: inherit; right: inherit;}
.h-search .s-field input {font-size: .9rem; padding: 12px 12px 12px 32px;}
.h-search .s-field::before {width: 16px; height: 16px; top: 14px; left: 10px;}
.h-search .s-btn {margin-top: 6px;}
.h-search .s-btn input {width: 100%; padding: 10px 0;}
.sc-title h1 {font-size: 1.3rem;}
.sc-title h1 span {display: block;}

.s-brand .item:nth-child(10) {display: none;}
.s-brand .item {width: 20%; margin-bottom: 10px;}
.s-brand a h4, .brand .row a .info h4 {font-size: .7rem;}
.brand .row {width: 25%; padding: 0;}
.brand .row .thumb img {height: 42px;}
.notfound h1 {font-size: 6rem;}
}

@media screen and (max-width: 400px) {

}

@media screen and (max-width: 390px) { 

}

@media screen and (max-width: 375px) { 

}

@media screen and (max-width: 320px) { 

}