@charset "utf-8";

/* CSS Document */
@media only screen and (min-width:768px) {
.services-home .cards-content { min-height: 224px; }
}

@media only screen and (min-width:992px) {
.cards img { min-height: 150px; }
.owl-carousel .owl-item img { min-height: 0px; }
.services-home .cards-content { min-height: 120px; }
}

@media only screen and (min-width:1024px) {
.services-home .cards-content { min-height: 170px; }
}

@media only screen and ( max-width:1199px) {
.navbar-aside-inner > * { font-size: 14px; }
.navbar-aside li { margin-left: 2%; }
.unit-left img { width: 27px; }
footer *, .footer-col .footer-link li a, .footer-col .footer-link li { font-size: 14px; }
/*product-list*/
.filter-box .form-control { max-width: 79%; }
.sort-items label { padding-left: 2%; width: 35%; }
.sort-items select { background-position: 90% center; background-size: 8px; width: 63% }
}

@media only screen and (max-width:1024px) {
footer *, .footer-col .footer-link li a, .footer-col .footer-link li { font-size: 14px; }
.carousel-caption h3 { font-size: 40px; text-shadow: 0 0 3px #111; }
.contact-us .page-header { background-position: center -400px; }
.asset-w-page .page-header { background-size: 100%; background-position: center -10%; }
.cb-slideshow li.slide--bg { background-attachment: scroll !important; background-position: 0px -55% !important; background-size: 100%; }
/*product-list*/
.grid-middle { font-size: 12px; }
.bredcrumb ol.breadcrumb { margin-bottom: 0; margin-top: 0 }
}

@media only screen and ( max-width:991px) {
.unit-left { padding-right: 0; }
.unit-left img { width: 20px; }
.navbar-aside-inner > * { font-size: 11px; }
.navbar-aside li { margin-left: 3px; }
.navbar-aside { margin-top: 24px; }
.carousel-caption { text-align: left; }
.carousel-caption h3 { font-size: 30px; }
.carousel-caption p { font-size: 15px; max-width: 350px; }
.first-slide .carousel-caption { top: 15%; right: 10% }
.second-slide .carousel-caption { top: 25%; }
.third-slide .carousel-caption { left: 10%; top: 15%; }
.footer-col { margin-bottom: 40px; }
h2 { font-size: 25px; line-height: 33px; }
.btn-group-lg>.btn, .btn-lg { padding: 10px 10px; font-size: 14px; }
.about-us .page-header { background-position: center -260px; }
.contact-person > div, .contact-aep > div { word-wrap: break-word; }
.contact-aep { padding-left: 10px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; }
.contact-aep > div { padding: 36px 0; }
.ss-page .page-header { background-size: 100% auto; background-position: 0 18%; }
.asset-w-page .page-header { background-position: center 7%; }
.delevery-page .page-header { background-size: auto 80%; }
.tts-page .page-header { background-size: 100% 60%; }
.cb-slideshow li.slide--bg { background-position: 0px -25% !important; }
.navbar-nav > li > a { padding: 16px 20px; }
.how-we-help .btn.btn-lg { font-size: 16px; padding-left: 5%; padding-right: 5%; }
/*product-list*/
.product-grid li, .product-grid li:nth-child(4n+4) { width: 32%; margin-right: 2%; }
.product-grid li:nth-child(3n+3) { margin-right: 0; }
.right-side { width: 72%; }
.left-side { width: 28%; }
.left-side .px-2 { padding-left: 15px; padding-right: 15px; }
.left-side .py-2 { padding-top: 15px; padding-bottom: 15px; }
.filter-box .form-control { max-width: 67%; }
select.form-control, select { background-position: 95% center; }
.sort-items label { width: 44%; }
.sort-items select { width: 56%; }
.detail-img .zoomWrapper { width: auto !important; min-height: 150px; }
/*checkout page*/
.checkout-page .right-contant { display: none }
.form-group .pr-0 { padding-right: 15px; margin-bottom: 15px; }
.checkout-page .left-contant { padding-left: 20px; padding-right: 20px; padding-top: 20px; }
.checkout-page .left-contant a.logo-a { display: none; }
a.responsive-check-mob { padding: 15px 20px; border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; font-size: 18px; }
.checkout-page span.slide { visibility: hidden; }
.mob-header-cart span { display: inline-block; }
.checkout-page .right-contant { padding: 10px; }
.checkout-page .mob-header { padding-top: 50px; display: block }
}

@media only screen and ( min-width:768px) and ( max-width:991px) {
.how-we-help .btn.btn-lg { margin-top: 14px; }
}

@media only screen and (max-width:767px) {
/*display:none*/

.head-top .social-icon { display: none }
/*display:none*/
.head-top { padding: 5px 0; text-align: center }
.head-top p { margin: 0 }
.head-top ul.pull-right { float: none !important; }
.logo img { margin-left: auto; margin-right: auto; }
/*text-center*/
.navbar-aside, .how-we-help h2 { text-align: center }
/*text-center*/
.navbar-aside-inner > * { font-size: 13px; }
button.navbar-toggle { border-color: #fff; border-radius: 0; border-width: 2px; }
button.navbar-toggle .icon-bar { background-color: #fff; }
.services-home .img-responsive { width: 100%; }
.services-home .cards { margin-bottom: 20px; }
.padding-tb-9-6 { padding-top: 50px; padding-bottom: 25px; }
.how-we-help::before { content: ""; background-color: transparent; }
.how-we-help::after { height: 100%; width: 100%; top: 0; }
.how-we-help .btn.btn-lg, .how-we-help .btn.btn-lg:hover { background-color: #fff; color: #215CAA; }
.footer-col .footer-link li .fa { text-align: left; width: 40px; vertical-align: top }
.footer-col address { float: none; width: auto; text-align: left; display: inline-block; }
.aside-inner { margin-top: 30px; }
.page-header h1 { font-size: 33px; }
h2 { font-size: 22px; line-height: 30px; }
.map.cards { margin-top: 20px; }
.cards.contact-person { text-align: left; margin-bottom: 20px; margin-top: 0; }
.clearfix.padding-t-30 { padding: 0; }
.contact-us .page-header { background-position: center -450px; margin-bottom: 20px; }
.row.page-content p+br { display: none; }
.navbar-nav .open .dropdown-menu>li>a { color: #fff; }
.ss-page .page-header, .hardware-page .page-header, .asset-w-page .page-header, .delevery-page .page-header, .electronic-disposal-page .page-header, .integration-page .page-header, .onsite-page .page-header, .tts-page .page-header { margin-bottom: 30px; }
.xpert-advice { background-position: center center !important; background-size: auto 100% }
/*page-heaer-bootom-space*/
.inner-page .page-header { background-position: center; background-size: 100% 370px; }
.cb-slideshow li.slide--bg { background-position: 0px -10% !important; }
.filter-box .form-control { max-width: 100%; }
.filter-box { padding: 10px 0px 0px; }
.left-side { width: 100%; padding: 0 }
.right-side { width: 100%; }
.right-side h3.text-primary { font-size: 1.5em; padding: 0; margin-top: 0 }
.right-side h3.text-primary .total-items { font-size: .71em; }
.sort-items label { width: 25%; }
.sort-items select { width: 75%; padding-left: 15px; }
.sort-items form { margin-bottom: 10px; }
.product-grid li, .product-grid li:nth-child(4n+4) { width: 100%; margin-right: 0; margin-bottom: 15px; }
.breadcrumb a, .breadcrumb .active { font-size: 13px; }
h1.producst-title { font-size: 1.5em; margin-bottom: 0; }
.detail-right .product-type { font-size: 1.2em; }
.detail-desc >ul { margin-bottom: 0; padding-bottom: 0; }
.product-details .product-grid li, .product-details .product-grid li:nth-child(4n+4), .product-details .product-grid li:nth-child(3n+3) { width: 48%; margin-right: 4%; }
.product-details .product-grid li:nth-child(2n+2) { margin-right: 0; }
.product-detail.pb-5 { padding-bottom: 0; }
/*cart page*/
.medium-down--hide { display: none; }
.section-header h1 { font-size: 20px; border-bottom: 2px solid #aaa; margin-bottom: 0; }
.large--one-half { padding: 5px; width: 100%; }
.cart__row .two-thirds { width: 67%; }
.cart__row .two-thirds a.h5 { font-size: 12px; }
a.cart__remove { font-size: 12px; }
.grid__item.one-third.text-center .cart__quantity-selector { margin-left: 0; width: 80%; }
.cart__row .cart__row--table-large .grid__item.one-third span:nth-child(1) { display: block; }
.cart__row .grid__item.one-third span:nth-child(2) { line-height: 30px; }
form.cart .cart__row { padding: 5px 0 5px; }
.xs-text-left { text-align: left !important }
.xs-center { text-align: center }
.spase button { margin-bottom: 20px; }
.xs-center .btn { width: 200px; }
.xs-left { text-align: left }
.confirm-page.wrapper .product-thumbnail-wrapper img { max-width: 50px; min-width: 50px; }
.confirm-page footer { margin-top: 0; }
}

@media only screen and (max-width:567px) {
/*display:none*/
.navbar-aside, .carousel-caption h3, .carousel-caption p, .carousel-indicators { display: none; }
/*display:none*/
.head-top p { margin: 5px 0; font-size: 11px; }
.banner-btn .button { font-size: 16px; font-weight: 400; line-height: 30px; padding-left: 10px; padding-right: 10px; }
.first-slide .carousel-caption, .second-slide .carousel-caption, .third-slide .carousel-caption { top: 10%; }
.cards .cards-heading { font-size: 20px; }
h2, .xpert-advice p { font-size: 23px; }
.footer-col { margin-bottom: 30px; }
.footer-col h3 { font-size: 24px; font-weight: 400; line-height: 20px; }
.footer-col .footer-link li .fa { text-align: center; }
footer { margin-top: 40px; padding-top: 40px; }
.footer-bottom { margin-top: 30px; padding: 15px 0 5px; }
.footer-bottom p { font-size: 13px; }
.inner-page-list li a { font-size: 17px; padding: 5px 0; }
.inner-page h3 { font-size: 20px; line-height: 26px; }
.inner-page ul ul { padding-left: 20px; }
.cb-slideshow li.slide--bg { background-position: 0px -4% !important; }
.checkout-page .bredcrumb ol.breadcrumb { font-size: 12px; }
.checkout-page .breadcrumb>li+li:before { padding: 0 0px; }
.row-info .c-desc { margin-top: 10px; width: 100%; }
.alert[role=alert] { padding: 10px; font-size: 12px; }
.alert[role=alert] button.close { right: 0; }
.confirm-page .total-price td:nth-child(2) { text-align: center; }
}