/*
Designer: Xatai
Site: Xpert.az
Facebook: https://fb.com/xetai.isayev
*/

@media only screen and (min-width:2000px) {
.main-slider-wrap .main-slider-item {height:730px; padding-top:0;}
}
@media only screen and (max-width:1160px) {
.centered {width:100%; padding:0 10px;}
.main-slider-text .mst-a {padding: 0 10px;}
.main-slider-text .mst-b span {font-size:24px; line-height:34px;}
.about-panel, .works-panel, .catalog {padding:40px 0;}
.footer-wrap .footer-top {padding:38px 0;}
.about-panel-wrap .about-panel-image {padding-left:30px;}
.f-col h3 {font-size:14px; line-height:20px;}  
.f-col span {font-size:16px; line-height:20px;}
.f-col .f-left-icon i {width:32px; height:32px;}
.f-social ul li a {font-size:16px; line-height:30px; padding: 0 0 0 40px;}
.f-social ul li a:before {width:30px; height:30px;}
.page-top .page-title {font-size:28px; line-height:34px;}
.speedbar span {font-size:14px; line-height:20px;}
.contact-col .cc-col .cc-icon {width:94px; height:94px;}
.contact-col .cc-col .cc-icon:before {width:46px; height:46px;}
#product .modal-wrap {padding: 20px 40px; width: 100%;}
.product-a {width:100%;}
.n-button, .n-button a:before {width:36px; height:36px;}
.n-button.n-prev {left:-40px;}
.n-button.n-next {right:-40px;}
}
@media only screen and (max-width:1000px) {
.header-wrap .logo a {width:60; height:60px;}
.header-wrap .mobile-menu {display:block;}
html.formobile, html.formobile body {overflow: hidden; height: 100%;}
.header-right .top-menu {position: fixed; top: 0; left: -100%; z-index: 99999; width: 100%; height: 100%; background-color: #fff; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition-duration: .4s; transition-duration: .4s; overflow-y: auto; margin:0; text-align:center;}
html.formobile .top-menu { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);}
.top-menu>ul {padding: 50px 10px 30px 10px;}
.top-menu>ul>li {float:none; margin:0; border-bottom: 1px solid #e2e2e2;}
.top-menu>ul>li>a {padding: 9px 0 !important;}
.top-menu>ul>li.dropdown>a:before {bottom:0;}
.sub-menu {width:100%; position:relative;}
.sub-menu .sub-menu-wrap {margin:0; box-shadow:none; background-color: #f9f9f9;}
.sub-menu ul li {margin:0;}
.sub-menu ul li a {padding:5px 0; font-weight:600;}
.mega .sub-menu ul li a {padding:10px; text-align:left;}
.sub-menu-wrap .centered {padding:0;}
.mega .sub-menu .sub-menu-col {width:50%;}
.mega .sub-menu .sub-menu-col:nth-child(3) {border-left:0;}
.menu-close {display:block;}
.header-right .h-right {border-left:0; margin: 16px 0;}
.h-right .search-button:before, .h-right .basket .basket-wrap a:before, .h-right .language span:before {width:20px; height:20px; background-size:cover;}
.h-right .language span {padding-left:22px; line-height:28px;}
.container {padding-top:76px;}
.fixed .header-right .h-right, .fixed .header-wrap .mobile-menu {margin:11px 0;}
.products-wrap .product-item {width: 33.3333333%;}
.catalog {padding:40px 0 20px;}
.catalog-wrap .catalog-item {width:50%; margin-bottom:20px;}
}
@media only screen and (max-width:940px) {
.footer-wrap .footer-top  {padding: 30px 0 4px}
.footer-top .centered {padding:0;}
.f-col-wrap .f-col {width:50%; margin-bottom:26px;}
.f-col-wrap .f-col:nth-child(2) {border-right:0;}
.f-col-wrap .f-col:last-child {width:50%; padding: 0 10px;}
.f-col h3 {margin-bottom:5px;}
.f-col .f-left-icon {margin-bottom:10px;}
.f-social {text-align:center;}
.f-social ul {display:inline-block; vertical-align:top;}
}
@media only screen and (max-width:860px) {
.works-panel {padding: 40px 0 20px;}
.works-panel-wrap .wp-item {width:50%; margin-bottom:20px;}
.catalog-wrap {margin: 0 -10px;}
.catalog-wrap .catalog-item {padding: 0 10px;}
.contact-col .cc-col .cc-icon {width:86px; height:86px;}
.contact-col .cc-col .cc-icon:before {width:38px; height:38px;}
.contact-cols .contact-col {width:50%;}
.contact-cols .contact-col.adrs {width:100%;}
.contact-cols .contact-col.adrs .cc-col .cc-b {min-height:0;}
}
@media only screen and (max-width:780px) {
.main-slider-text .mst-b span {font-size:20px; line-height:30px;}
.s-item .s-item-image {width:70px;}
.s-item-info .s-item-title {font-size:18px; line-height:24px;}
.s-item-info .s-item-category {font-size:14px; line-height:18px;}
.about-panel, .products, .about, .cart {padding:30px 0;} 
.works-panel, .catalog {padding:30px 0 10px;}
.about-panel-wrap .about-panel-text {width:100%; margin-bottom:20px;}
.about-panel-text .ab-button {text-align:center;}
.about-panel-wrap .about-panel-image {padding-left:0; position:static; width:100%;}
.about-panel-image .ab-image {min-height:0; padding-top: 66%;}
.a-title {margin-bottom:24px;}
.a-title h2 {font-size:24px; line-height:30px; padding-bottom:10px;}
.catalog .ct-text {margin-bottom:20px; font-size:17px; line-height:23px;}
.page-top .page-title {font-size:24px; line-height:30px; margin-bottom: 6px;}
.contact {padding:30px 0;}
.products .sub-cats {margin-bottom:10px;}
.x-table-info {margin-bottom:40px;}
#product .modal-wrap {max-width: 600px; overflow: hidden;}
.m-content .m-content-left {width:100%; padding:0;}
.m-content-right .m-product-detail {min-height:0;}
.m-content .m-content-right {width:100%;}
.product-thumbs {margin-bottom:20px;}
}
@media only screen and (max-width:700px) {
.message.success .modal-wrap, .message .modal-wrap {padding: 0 12px; width: 100%;}
.message.success .alert.alert-success, .message .x-message {width: 100%;}
}
@media only screen and (max-width:750px) {
.products-wrap .product-item {width: 50%;}
}
@media only screen and (max-width:640px) {
.about img.left {float: none !important; margin: 0 auto; display: block; max-width: 100%;}
}
@media only screen and (max-width:588px) {
.main-slider-wrap .main-slider-item {height:210px; padding-top:0;}
.contact-cols .contact-col {width:100% !important;}
.cc-col .cc-b {min-height:0;}
}
@media only screen and (max-width:540px) {
.header-wrap .logo a {width:54px; height:54px;}
.header-wrap .mobile-menu, .header-right .h-right {margin: 13px 0;}
.header-wrap .mobile-menu {padding-right:10px;}
.container {padding-top:70px;}
.main-slider-text .mst-b span {font-size:16px; line-height:26px;}
.search-results {right:0;}
.s-item .s-item-image {width:60px; margin-right:12px;}
.s-item-info .s-item-title {font-size:17px; line-height:23px;}
.a-title h2 {font-size:22px; line-height:28px;}
.wp-item .wp-title {font-size:16px; line-height:22px;}
.catalog-a .ct-title {font-size:20px; line-height:26px;}
.page-top {margin-top:10px;}
.page-top .page-top-a {padding:10px;}
.page-top .page-top-a:after {top:5px; bottom:5px;}
.page-top .page-title {font-size:22px; line-height:28px; margin-bottom:0;}
.page-top .speedbar {display:none;}
.contact-col .cc-col .cc-icon {padding:20px; width:78px; height:78px;}
.sub-cats-wrap .sub-item a {font-size:14px; line-height:22px;}
.mega .sub-menu .sub-menu-col {width:100%; border:0;}
.about-custom img {width:100% !important; display:block;} 
.p-image {width:64px; height:64px;}
.p-name .p-name-a {height:74px;}
.ck-form-row .ck-form-item {float:none; width:100%;}
.product-a {border-radius:0;}
.m-head {font-size:18px; line-height:22px; padding: 10px 30px 10px 10px;}
.m-content {padding:10px;}
#product .modal-wrap {padding: 20px 0;}
.navigation {}
.navigation .n-button {bottom:auto; width:auto; height: auto; position: absolute; top: 42px; padding-top: 100%;}
.n-button a {position: absolute; top: 0; bottom: 0; margin: auto; background-color: rgb(0, 0, 0, 0.42); height: 40px; padding: 8px 4px;}
.n-button a:before {width:24px; height:24px;}
.n-button.n-prev a {left:40px; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.n-button.n-next a {right:40px; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#product .x-close {right:0;}
.m-content-right .m-product-title {font-size:24px; line-height:28px;}
.m-content-gallery .slick-arrow {padding:9px;}
.mpb a {font-size:15px;}
.m-content-gallery .slick-arrow {display:none !important;}
.x-message-text {font-size:19px; line-height:22px;}
.catalog-wrap .catalog-item {width:100%;}
}
@media only screen and (max-width:500px) {
.products .products-wrap {margin: 0 -10px;}
.products-wrap .product-item {padding: 0 10px 20px;}
.product-info .product-title {font-size:15px; line-height: 22px;}
.product-title span {padding-right:5px;}
.product-info .product-size {font-size:13px; line-height: 18px;}
.product-size span {display:none;}
.product-extra a {font-size:15px;}
.product-extra a.p-details {margin: -68px 0 0 -65px;}
.product-extra a.p-basket {margin: -24px -65px 0 0;}
.x-table-info .delete-carts {float: none; width: 100%; margin: 0 0 15px 0;}
}
@media only screen and (max-width:480px) {
.footer-wrap .footer-top {padding:30px 0;}
.f-col-wrap .f-col {width:100% !important; border-right:0; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #ffffff1a;}
.f-col-wrap .f-col:last-child {border:0; margin:0;}
.f-col .f-left-icon i, .f-social ul li a:before {width:26px; height:26px;}
.f-social ul li:first-child {margin-bottom:10px;}
.f-social ul li a {line-height:26px; padding: 0 0 0 36px}
.x-m-buttons .x-m-ct, .x-m-buttons .x-m-bt {float: none; width: 300px; margin: 0 auto 15px; text-align: center; max-width: 100%;}
}
@media only screen and (max-width:450px) {
.works-panel-wrap .wp-item {width:100%;}
.c-social-wrap .c-social-item {width:100%; text-align:left;}
}