@media only screen and (max-width: 991px) { .logo { text-align: left !important; } #gallery ul li{width:100%;margin-bottom:20px}.galler-content ul li img{height:auto;}.slicknav_menu { display: block; position: absolute; right: 18px; top: 6px; } .slicknav_menu .slicknav_menutxt { font-size: 0; } .slicknav_menu .slicknav_icon-bar { background-color: #009ee3; } .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar { margin-top: 4px; } .slicknav_nav { width: 268px; top: 60px; right: -16px; } .slicknav_menu .slicknav_icon-bar { width: 21px; } .slicknav_open .slicknav_icon-bar { width: 2px; } .slicknav_nav a:hover, .slicknav_nav a.active { background-color: #009ee3; } .enquiry-icon img { width: 42px; } .slicknav_nav ul li:last-child { display: none; } .navigation { width: 100%; } .navigation ul li::after { right: -11px; } .logo img { width: 76%; } .banner-head-txt { font-size: 20px; } .banner-sub-text { font-size: 50px; } .banner .owl-dots { top: 80%; } .about-img { margin-bottom: 40px; } .about-bg-section { background-size: 100%; background-position: top; } .about-content { padding-left: 0 !important; } .about-bg-section-2 { background-size: 100%; background-position: bottom; } .foot-1 { width: 32%; } .title { font-size: 34px; } .clients-section .client-logo { width: 24%; } .banner { min-height:100px; } .client-slider.owl-carousel .owl-item img{ width: 100%; } .about-bg-section-2 .abouts-video-half .about-btn , .about-bg-section-2 .about-btn, .product-sec .main-title-sec{ text-align: center; } .home-video-sec { margin-top: 20px; } .home-video-sec .video-img { max-width: 100%; } .product-list-cat .owl-nav .owl-next { right: 0; } .client-logo img, .gallery-list li img{ height: auto; } .latest-blog{ margin-bottom: 20px; } } @media only screen and (max-width: 767px) { html, body { overflow-x: hidden; } .navigation { display: none; } .social-links, .header-right { display: none !important; } .popup-enquiry { right: 0; bottom: 0; top: 30%; max-width: 80%; } .foot-1 { width: 48% } .enquiry-icon { bottom: auto; top: 50%; } .logo img { width: 66%; } .banner-text { top: 18%; } .banner-head-txt { font-size: 18px; } .banner-sub-text { font-size: 30px; } .banner-btn a { padding: 10px 16px; } .banner .owl-dots { top: auto; left: 0; right: auto; bottom: 6px; } .about-bg-section { background-size: 100%; background-position: top; padding-top: 20px !important; } .about-content { padding-left: 0 !important; padding-top: 0px; margin: 0 !important; } .about-bg-section-2 { background-size: 100%; background-position: bottom; padding-top: 30px !important; } .about-img { margin-top: 20px; } .footer-sec { padding: 16px; } .copyright-footer { text-align: center; } .title { font-size: 32px; line-height: 30px; } .main-title-sec { margin-bottom: 16px !important; } .product-thumb { width: 80%; margin: 0 auto; } .product-content { width: 80%; margin: 0 auto; left: 0; right: 0; } .product-slider .owl-nav { top: auto; bottom: -57px; } .product-slider .owl-nav .owl-prev { left: -14px; } .product-slider .owl-nav .owl-next { right: -14px; } .product-list-cat li.active a { color: #00AEEF; } .contact-detail { margin-top: 30px; } .blog-main ul li, .media-section ul li, .range-list ul li { width: 100%; } .career-heading { flex-wrap: wrap; } .career-heading .about-btn { margin-bottom: 12px; } .clients-section { padding: 0px 20px; } .clients-section .client-logo { width: 48%; } .main-button, .enquire-button:hover { /* min-width: auto; */ padding: 10px 20px; } .logo1 { width: 50%; } .inner-banner-content h2 { font-size: 24px; margin-bottom: 28px; } .inspiration-page ul li { width: 90%; margin: 0 auto; } .inspire-sec .product-content { width: 100%; } section.why-us-main { padding-bottom: 20px; } .why-us { margin-bottom: 15px; } .client-slider .owl-dots { display: none; } .desktop-banner{ display: none !important; } .mobile-banner{ display: block !important; } }