@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap');
html {scroll-behavior: smooth;}
body { font-family: 'Nunito', sans-serif; line-height: 1.6; transition: ease-in-out all 0.2s; overflow-x: hidden;}
P { margin: 0 0 10px 0;font-size: 16px; line-height:1.8;}
h3 { font-size: 24px; font-weight: 600; margin: 0 0 20px 0;}
h4 { font-size: 18px; font-weight: 600;}
h5 { font-size: 17px; font-weight: 600;}
a { text-decoration: none; outline: none; color: #353535; transition: ease-in-out all 0.2s;}
.heading h2{ font-size: 31px; font-weight: 700; color: #242424; margin: 0 0 20px 0; text-transform: uppercase;}
.heading h3{ font-size: 34px; font-weight: 600; color: #242424; margin: 0 0 30px 0;}
.custom-btn { background-image: linear-gradient( 135deg,#b00,#8d0000); color: #fff; padding: 12px 30px; font-size: 15px; display: inline-block; border-radius: 30px; transition: ease-in-out 0.4s;}
.custom-btn:hover { background-image: linear-gradient( 135deg,#0c0c0c,#0b0a0a); color: #fff;}

.top-header { background: #0C0C0C; padding: 10px 0;}
.top-header a i { color: #fff; font-size: 12px; margin: 0 0 0 15px;}
.top-header a span:hover { color: #f13848;}
.top-header span { font-size: 13px; letter-spacing: .5px; color: #f4f4f4;}
.top-header .social-icon a i{ margin: 0 0 0 15px; color: #fff; font-size: 14px;}

/*======================== Navigation Menu (Animated X) ====================*/
.navbar-toggler.x { border: none; padding-right: 0; }
.navbar-toggler .icon-bar { background-color: #1b1b1b !important;}
.navbar-toggler.x:focus { outline: none !important; box-shadow: none !important;}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2) { opacity: 0;}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%;}
.navbar-toggler.x .icon-bar { width: 22px; display: block; height: 2px; background-color: #151515; -webkit-transition: all 0.2s; transition: all 0.2s;}
.navbar-toggler.x .icon-bar + .icon-bar {margin-top: 4px;}
.navbar-toggler.x .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
.navbar-toggler.x .icon-bar:nth-of-type(2) { opacity: 1; filter: alpha(opacity=100);}
.navbar-toggler.x .icon-bar:nth-of-type(3) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
.navbar-toggler { padding: 0;}

/*===================Navigation Menu================*/
.navbar {box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; background: #fff;}
.navbar .navbar-brand{ width: 200px;}
.navbar .nav-item .nav-link { color: #0C0C0C; font-size: 17px; letter-spacing: .5px; padding: 10px 0; margin: 0 30px; position: relative;}
.navbar .nav-item .nav-link::before { position: absolute; content: ''; bottom: 2px; height: 2px; width: 100%; background: #0C0C0C; transform: scale(0); transition: ease-in-out .3s; transform-origin: left;}
.navbar .nav-item .nav-link:hover::before {transform: scale(1);}
.navbar .dropdown:hover>.dropdown-menu { display: block;}
.navbar .dropdown-menu {color: #606060; left: 15%; border: 0; width: 75%; border-radius: 5px; box-shadow: rgba(100, 100, 111, 0.25) 0px 7px 29px 0px;}
.navbar .dropdown-menu a{ font-size: 15px; margin: 8px 0; border-bottom: 1px solid #f5f2f2;}
.navbar .dropdown-menu a:hover { color: #F13848; background: transparent;}
.navbar .custom-btn { padding: 10px 30px; font-size: 14px;}

/*===================Carousel Slider CSS================*/
.carousel .carousel-caption { left: 8%; top: 50%; transform: translateY(-50%); right: 50%; text-align: left; color: #1b1b1b;}
.carousel .carousel-caption h1 { font-size: 48px; margin: 0 0 10px 0; font-weight: 900;}
.carousel .carousel-caption p { font-size: 24px; margin: 0 0 30px 0;}
.carousel-indicators [data-bs-target] { background-color: #1b1b1b; width: 12px; margin: 0 5px; height: 12px; border-radius: 50%;}

.about-section { padding: 6% 0; background-image: url('../images/about-bg.jpg'); background-size: cover;}
.about-section .pic img{ width: 500px; height: 500px; background: #E6E6E6; border: 10px solid #fff; padding: 10px; border-radius: 55% 45% 55% 45% / 57% 64% 36% 43%;}
.about-section .heading h2{ color: #fff; margin: 0 0 40px 0;}
.about-section p { color: #f5f2f2; margin: 0 0 40px 0;}
.about-section a:nth-child(3) { border: 1px solid #fff;  background: #fff; border-radius: 5px; padding: 12px 24px; color: #b00; font-size: 16px; transition: .3s ease-in-out;}
.about-section a:nth-child(3):hover { background: transparent; color: #fff;}
.about-section a:nth-child(4) { border: 1px solid #fff; color: #fff; font-size: 16px; border-radius: 5px; padding: 12px 24px;}
.about-section a:nth-child(4):hover { background: #fff; color: #b00;}

.product-section { padding: 6% 0; background: rgba(0, 0, 0, .06)}
.product-section .heading p { font-size: 17px;}
.product-section .product-slide { background: #fff; border-radius: 10px; margin: 0 0 25px 0; padding: 20px; border: 1px solid #f4f4f4; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 20px 0px; transition: ease-in-out 0.3s;}
.product-section .owl-carousel .product-slide { margin: 40px 12px;}
.product-section .product-slide .product-img img{ width: 250px; height: 250px; object-fit: cover; margin: 0 auto;}
.product-section .product-slide .product-details h5{ font-size: 17px; margin: 10px 0 20px 0;}
.product-section .product-slide .product-details a { color: #f13848; font-weight: 600;}
.product-section .product-slide .product-details a:hover { letter-spacing: 1px;}
.product-section .owl-carousel .product-slide:hover { margin-top: 30px; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.14) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.owl-theme .owl-dots .owl-dot.active span { background: #f13848 !important;}
.owl-theme .owl-dots .owl-dot span { background: #414141 !important; padding: 6px;}

.form-section .linear-bg { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 50px 60px; background: #fff; border-radius: 10px;}
.form-section .linear-bg .heading h2 { margin: 0 0 40px 0;}
.form-section .linear-bg .heading h2::before { width: 0;}

.contact-section .contact-form { padding: 0 30px 0 0 ;}
.contact-form .heading h5, .contact-info .heading h5 { font-size: 20px; font-weight: 700; margin: 0 0 20px 0}
.contact-form .form-group .form-control {font-size: 14px; margin: 0 0 16px 0; border-radius: 25px; padding: 13px 20px;}
/* .contact-form .form-group .btn { background: #f13848; color: #fff; padding: 13px 37px; border-radius: 30px; transition: ease-in-out 0.4s; margin: 15px 0 0 0;} */
.contact-form .form-group .btn:hover { background: #353535;}

.footer { background: #000; padding: 5% 0 0 0;}
.footer .logo img { width: 80px; height: 80px; border-radius: 50%; margin: 0 0 20px 0;}
.footer h4 { color: #F13848; font-size: 18px; letter-spacing: .5px; font-weight: 500; text-transform: uppercase; margin: 0 0 20px 0;}
.footer p, .footer p a { color: #d8d8d8; font-size: 16px; letter-spacing: .5px; font-weight: 300;}
.footer p a { font-size: 15px;}
.footer p a:hover { color: #F13848;}
.footer p i { font-size: 12px; padding: 0 3px 0 0;}
.footer ul, footer ul li { margin: 0 0 10px 0; padding: 0;}
.footer ul li { list-style: none;}
.footer ul li i { color: #58AAB6; margin: 0 10px 0 0;}
.footer ul li a { color: #d8d8d8; letter-spacing: .5px; font-size: 15px; font-weight: 300;}
.footer ul li a:hover { color: #F13848; letter-spacing: .5px;}
.footer ul li:nth-child(1) { padding-top: 0;}
.footer-bottom{ border-top: 1px solid #353535; margin: 4% 0 0 0; padding: 10px 0;}
.footer-bottom p { color: #d8d8d8; font-size: 14px; margin: 0;}
.footer .social-icon a i{ margin: 10px 15px 0 0; color: #fff; font-size: 15px;}

.inner-banner { background-image: url('../images/inner-banner.jpg'); background-size: cover; background-position: center;}
.product-banner { background: rgba(0, 0, 0, .1)}
.inner-banner h3 { font-size: 32px; font-weight: 700; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, .7); padding: 5% 0 3% 0;}
.product-banner h3 { font-size: 26px; font-weight: 600; margin: 0; color: #000; padding: 4% 0 2% 0; text-transform: uppercase;}
.product-banner .breadcrumbs-wrapper .breadcrumbs span { font-size: 12px; color: #f13848; font-weight: 600;}
.product-banner .breadcrumbs-wrapper .breadcrumbs span a { color:#F13848;}
.product-banner .breadcrumbs-wrapper .breadcrumbs { padding: 5px 0}
.inner-banner .breadcrumbs-wrapper .breadcrumbs { padding: 5px 10px; background: rgba(255, 255, 255, .6); display: inline-block}
.breadcrumbs-wrapper .breadcrumbs span { font-size: 12px; color: #F13848; font-weight: 600;}
.breadcrumbs-wrapper .breadcrumbs span a { color: #F13848;}
.breadcrumbs-wrapper .breadcrumbs span i { margin: 5px 0 0 10px;}

.about-1 { margin: 8% 0;}

.about-2 { padding: 8% 0; background:#F0F0F0;}
.about-2 .img-collage img { border: 5px solid #fff; border-radius: 10px; box-shadow: 0px 12px 32px 0px rgba(140, 140, 140, .2);}

.contact-details { margin: 8% 0 0 0;}
.contact-details .single-detail { padding: 40px 20px; min-height: 174px; box-shadow: 0px 12px 32px 0px rgba(140, 140, 140, .2); border-radius: 10px; border: 1px solid #f4f4f4; transition: ease-in-out .4s;}
.contact-details .single-detail:hover { margin-top: -10px; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.14) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.contact-details .single-detail h5 {font-weight: 600;}
.contact-details .single-detail .icon i { color: #f13848; font-size: 28px;}
.form-section { padding: 6% 0;}
.form-section .form-control, .form-section .form-select {font-size: 14px; margin: 0 0 16px 0; border-radius: 25px; padding: 15px 20px;}
.form-section .form-group .custom-btn { padding: 12px 38px; margin: 10px 0 0 0;}
.map iframe{ height: 400px;}

.modal-dialog .modal-content{ border: 0; border-radius: 10px;}
.modal-dialog .modal-header { border-bottom: 0;}
.modal-dialog .modal-body .form-section { margin: 0; padding: 0 50px 50px 50px;}

.product-category .single-product { margin: 0 0 30px 0; border: 1px solid #f4f4f4; border-radius: 10px; box-shadow: 0px 12px 32px 0px rgba(140, 140, 140, .2); padding: 20px;}
.product-category .single-product .product-details h5 { font-size: 21px; font-weight: 600; margin: 0 0 20px 0; color: #353535}
.product-category .single-product .product-img img { width: 100%; height: 250px; object-fit: cover;}
.product-category .single-product .product-details p { font-size: 14px;}
.product-category .single-product .product-details .custom-btn { background: #f13848; color: #fff; border: 1px solid #F13848; padding: 10px 25px; font-size: 13px; margin: 10px 0 0 0;}
.product-category .single-product .product-details .view-btn {background: transparent; color: #f13848; border: 1px solid #F13848; font-weight: 600; margin: 0 12px 0 0;}
.our-product .single-product .product-details h5 { margin: 20px 0 15px 0;}
.our-product .single-product .product-img img { width: 180px; height: 180px;}

.product-view { margin: 8% 0;}
.product-view .side-menu h4{ font-size: 24px; font-weight: 600; margin: 0 0 40px 0; position: relative;}
.product-view .side-menu h4::before { content: ''; position: absolute; background: #f13848; width: 60px; height: 3px; margin-top: 40px;}
.product-view .side-menu h5{ margin: 0 0 20px 0;}
.product-view .side-menu ul, .product-view .side-menu ul li { margin: 0; padding: 0; list-style: none;}
.product-view .side-menu .active a { color: #f13848; font-weight:600;}
.product-view .side-menu ul li { font-size: 14px; padding: 15px 8px; border-bottom: 1px solid #F2F2F2;} 
.product-view .side-menu ul li i { color: #f13848; font-size: 13px; margin: 0 10px 0 0 ;}

.product-view .product-details h4{ font-size: 24px; margin: 0 0 18px 0; color: #f13848;}
.product-view .product-details h4 i { margin: 0 6px 0 0; font-size: 21px;}
.product-view .product-details h4 span { font-size: 17px; color: #676767; font-weight: 500;}
.product-view .product-details .table { font-size: 13px; margin: 0 0 30px 0; }
.product-view .product-specification { margin: 20px 0 0 0; border-top: 1px solid #dcdcdc; padding: 20px 0 0 0}
.product-view .product-specification h4 {color: #f13848; margin: 0 0 20px 0;}
.product-view .product-specification .table tr td{ padding: 10px; font-size: 14px;}
.product-view .product-details .description p{ margin: 15px 0; border-bottom: 1px solid #dcdcdc; padding: 0 0 20px 0;}
.product-view .product-details .description h5 { margin: 10px 0;}
.product-view .product-details .description .custom-btn { font-size: 13px; padding: 8px 18px; display: inline-block; margin: 10px 0 0 0;}
.product-view .product-details .description .custom-btn i { font-size: 12px; margin: 0 4px 0 0;}
.product-view .product-details .description .custom-btn.whatsapp-btn { background: #0BC242}
.product-view .product-details .description .custom-btn.btn-1 { background: #dad9d9; color: #1b1b1b;}
.product-view .product-wrap { box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; padding:30px; border-radius: 10px;}
.product-view .product-wrap .product-img img { width: 100%;}

.product-view .product-slide { border-radius: 10px; margin: 0 0 30px 0; padding: 20px; border: 1px solid #f4f4f4; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition: ease-in-out 0.3s;}
.product-view .product-slide .product-details h5{ font-size: 16px; margin: 10px 0 20px 0;}
.product-view .product-slide .product-details a { color: #58AAB6; font-weight: 600;}
.product-view .product-slide .product-details a:hover { letter-spacing: 1px;}

.video-section { margin: 6% 0;}
.video-section .video { margin: 20px 0 0 0; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 10px; border-radius: 10px;}
.video-section .video h5 { margin: 15px 0; font-weight: 500; font-size: 18px;}
.video-section .video iframe { height: 220px;}

.testimonials { padding: 6% 0; background-image: url('../images/bg.jpg'); background-size: cover;}
.testimonials .heading h2 { color: #fff;}
.testimonials .client-slide { background: #fff; padding: 30px; border-radius: 20px; margin: 15px;}
.testimonials .client-slide p { margin: 15px 0 0 0;}
.testimonials .client-slide img { width: 80px !important; height: 80px; margin: 0 auto;}
.testimonials .client-slide h5 { font-size: 18px; margin: 8px 0 0 0;}
.testimonials .owl-theme .owl-dots .owl-dot.active span { background: #0c0c0c !important;}
.testimonials .owl-theme .owl-dots .owl-dot span { background: #f5f5f5 !important; padding: 6px;}

.whatsapp-icon { position: fixed; left: 95%; bottom: 85px; z-index: 2;}
.call-icon { position: fixed; left: 95%; bottom: 30px; z-index: 2;}
.whatsapp-icon a { display: inline-block; width: 47px; height: 47px; border-radius: 50%; text-align: center; color: #fff; background: #0BC242; left: 0; right: 0; margin: 0 auto; font-size: 24px; line-height: 2;}
.call-icon a {display: inline-block; width: 45px; height: 45px; border-radius: 50%; text-align: center; color: #fff; background: #F13848; left: 0; right: 0; margin: 0 auto; font-size: 18px; line-height: 2.6;}

@media (min-width:320px) and (max-width:767px){ 
    P {font-size: 14px;}
    h3 { font-size: 18px; font-weight: 600; margin: 0 0 20px 0;}
    h4 { font-size: 16px; font-weight: 600;}
    h5 { font-size: 14px; font-weight: 600;}
    .heading h2{ font-size: 20px; margin: 0 0 15px 0;}
    .heading h3{ font-size: 21px; margin: 0 0 15px 0;}
    .custom-btn { padding: 10px 27px; font-size: 13px;}
    
    .top-header { padding: 4px 0;}
    .top-header a i { margin: 0 0 0 10px;}
    .top-header .social-icon a i{ margin: 0 0 0 10px; font-size: 13px;}

    /*===================Navigation Menu================*/
    .navbar { margin: 0; padding: 0;}
    .navbar .navbar-brand img{ width: 40px;}
    .navbar .nav-item .nav-link { font-size: 14px; padding: 10px 0;}
    .navbar .nav-item:last-child { margin-bottom: 10px;}
    .navbar .custom-btn { padding: 8px 20px; font-size: 12px; display: inline-block; margin-bottom: 15px; margin-left: 10px;}
    .navbar-toggler.x { position: relative;}
    .enquire-btn { position: absolute; right:12%; top: 9px}
    .enquire-btn .custom-btn { padding: 6px 15px !important; font-size: 12px}

    /*===================Carousel Slider CSS================*/
    .carousel .carousel-item img { width: 100%; height: 160px; object-fit: cover; } 
    .carousel .carousel-caption { left: 4%; top: 40%; transform: translateY(-40%); right: 40%; text-align: left; color: #1b1b1b;}
    .carousel .carousel-caption h1 { font-size: 21px; margin: 0 0 10px 0; font-weight: 900;}
    .carousel-indicators [data-bs-target] { background-color: #1b1b1b; width: 8px; height: 8px; border-radius: 50%;}
    .carousel-indicators { margin-bottom: 0;}
    
    .about-section { padding: 10% 0;}
    .about-section .pic img{ width: 260px; height: 260px;}
    .about-section .heading h2{ color: #fff; margin: 0 0 15px 0;}
    .about-section p { color: #f5f2f2; margin: 0 0 20px 0;}
    .about-section a:nth-child(3) {background: #fff; border-radius: 5px; padding: 10px 21px; color: #b00; font-size: 14px; transition: .3s ease-in-out;}
    .about-section a:nth-child(4) {color: #fff; font-size: 14px; border-radius: 5px; padding: 10px 21px;}

    .product-section { padding: 10% 0}
    .product-section .heading { text-align: center;}
    .product-section .heading p { font-size: 14px;}
    .product-section .product-slide { margin: 20px 0 10px 0 !important; padding: 15px; box-shadow: none; border: 1px solid #A8D4D9;}
    .product-section .custom-btn { display: inline-block; margin: 5px 0 0 0;} 
    .product-section .product-slide .product-img img { width: 200px; height: 200px; margin: 0 auto;}
    .product-section .product-slide .product-details h5{ font-size: 16px; margin: 10px 0; font-weight: 600;}

    .form-section { margin: 10% 0}
    .form-section .linear-bg { padding: 20px 20px;}
    .form-section .linear-bg .heading h2 { margin: 0 0 20px 0;}
    .form-section .linear-bg .heading h2::before { width: 0;}

    .contact-section .contact-form { padding: 0 30px 0 0 ;}
    .contact-form .form-group .form-control {font-size: 14px; margin: 0 0 16px 0; border-radius: 25px; padding: 13px 20px;}

    .footer { padding: 6% 0 0 0;}
    .footer .logo img { width: 60px; height: 60px; border-radius: 50%; margin: 0 0 20px 0;}
    .footer h4 { font-size: 16px; margin: 20px 0 10px 0;}
    .footer p, .footer p a { font-size: 13px;}
    .footer ul li a { font-size: 13px}
    .footer ul li i { color: #58AAB6; margin: 0 6px 0 0;}

    .inner-banner h3 { font-size: 20px; font-weight: 700; margin: 0 0 3px 0;}
    .product-banner h3 { font-size: 18px; margin: 0 0 5px 0;}
    .breadcrumbs-wrapper .breadcrumbs span { font-size: 13px;}
    .breadcrumbs-wrapper .breadcrumbs span a { color: #fff;}
    .breadcrumbs-wrapper .breadcrumbs span i { margin: 4px 0 0 3px;}

    .about-2 .img-collage img { border: 3px solid #fff;}
    .about-2 .heading h3 { margin: 25px 0 15px 0;}

    .contact-details .single-detail { padding: 20px; min-height: 120px; margin: 0 0 20px 0;}
    .contact-details .single-detail h5 {font-weight: 600; font-size: 18px;}
    .contact-details .single-detail p { margin: 0}
    .form-section { padding: 8% 0;}
    .form-section .form-control, .form-section .form-select {font-size: 13px; margin: 0 0 14px 0; padding: 14px 15px;}
    .form-section .form-group .btn:hover { background: #353535;}
    .map iframe{ height: 200px;}

    .modal-dialog .modal-content{ border: 0; border: 8px solid #58AAB6; border-radius: 10px;}
    .modal-dialog .modal-header { border-bottom: 0;}
    .modal-dialog .modal-body .form-section { margin: 0; padding: 0 20px 20px 20px;}

    .product-category .single-product { margin: 0 0 20px 0; padding: 20px; text-align: center;}
    .product-category .single-product .product-details h5 { font-size: 18px; font-weight: 600; margin: 20px 0 10px 0;}
    .product-category .single-product .product-details p { font-size: 13px;}
    .product-category .single-product .product-img img { width: 70%;}

    .product-view .side-menu h4{ font-size: 19px; margin: 0 0 25px 0;}
    .product-view .side-menu h4::before { margin-top: 25px;}
    .product-view .side-menu h5{ font-size: 16px; margin: 0 0 15px 0;}
    .product-view .side-menu ul li { font-size: 13px; padding: 10px 8px;} 

    .product-view .product-details h3 { margin: 30px 0 0 0;}
    .product-view .product-details h4{ font-size: 21px; margin: 0;}
    .product-view .product-details h4 i { font-size:18px;}
    .product-view .product-details h4 span { font-size: 15px; color: #676767; font-weight: 500;}
    .product-view .product-details .description p{ margin: 10px 0;}
    .product-view .product-details h4 { font-size: 18px; margin: 20px 0;}
    .product-view .product-details h5{ font-size: 16px; margin: 0 0 15px 0;}
    .product-view .product-details .table { font-size: 13px;}
    .product-view .product-details .description .custom-btn { padding: 8px 32px;}

    .product-view .product-slide { margin: 10px 0 0 0; padding: 10px; border: 1px solid #f4f4f4; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition: ease-in-out 0.3s;}
    .product-view .product-slide .product-details h5{ font-size: 14px; margin: 10px 0;}
    .product-view .product-slide .product-details a { font-size: 13px; font-weight: 500;}
    .product-view .product-slide .product-details a:hover { letter-spacing: 1px;}
    .product-view .product-details .description .custom-btn { padding: 8px 20px; margin: 10px 0 0 0;}
    .product-view .product-details .description .custom-btn i { font-size: 11px; margin: 0 4px 0 0;}

    .video-section { padding: 7% 0; text-align: center}
    .video-section .video { margin: 0 0 15px 0;}
    .video-section .video h5 { margin: 10px 0; font-weight: 600; font-size: 14px;}
    .video-section .video iframe { height: 180px;}

    .testimonials { padding: 10% 0}
    .testimonials .client-slide { background: #fff; padding: 20px; border-radius: 20px; margin: 0 10px 10px 10px;}
    .testimonials .client-slide p { margin: 10px 0 0 0;}
    .testimonials .client-slide img { width: 80px !important; height: 80px; margin: 0 auto;}
    .testimonials .client-slide h5 { font-size: 18px; margin: 8px 0 0 0;}
    .testimonials .owl-theme .owl-dots .owl-dot.active span { background: #0c0c0c !important;}
    .testimonials .owl-theme .owl-dots .owl-dot span { background: #f5f5f5 !important; padding: 6px;}

    .modal-dialog .modal-body .form-section { padding: 0;}

    .whatsapp-icon { left: 88%; bottom: 60px;}
    .whatsapp-icon a { width: 36px; height: 36px; font-size: 18px;}
    .call-icon { left: 88%; bottom: 15px;}
    .call-icon a { width: 36px; height: 36px; font-size: 15px;}

}
@media (min-width:768px) and (max-width:991px){
    P { font-size: 14px;}
    .heading h2{ font-size: 32px; margin: 0 0 20px 0;}
    .heading h2::before { margin-top: 40px;}
    .heading h3{ font-size: 27px; margin: 0 0 10px 0;}
    .custom-btn {font-size: 13px; padding: 10px 27px; border-radius: 50px; transition: ease-in-out 0.4s;}

    .top-header { padding: 5px 0;}
    .top-header a i { margin: 0 0 0 10px;}
    .top-header .social-icon i { margin: 0 0 0 5px; padding: 8px; font-size: 10px;}
    .top-header .social-icon i.fa-facebook-f { padding: 8px 9px;}

    /*===================Navigation Menu================*/
    .navbar { margin: 0; padding: 0;}
    .navbar .navbar-brand img{ width: 45px;}
    .navbar .nav-item .nav-link { font-size: 14px; padding: 10px 0;}
    .navbar .nav-item:last-child { margin-bottom: 10px;}
    .navbar .custom-btn { padding: 8px 20px; font-size: 12px; display: inline-block; margin-bottom: 15px; margin-left: 10px;}
    .navbar-toggler.x { position: relative;}
    .enquire-btn { position: absolute; right: 10%; top: 13px}
    .enquire-btn .custom-btn { padding: 6px 15px !important; font-size: 12px}
    
    /*===================Carousel Slider CSS================*/
    .carousel .carousel-caption { left: 8%; top: 0; right: 45%; text-align: left; color: #1b1b1b; padding: 14% 0;}
    .carousel .carousel-caption h1 { font-size: 26px;}
    .carousel-indicators [data-bs-target] { background-color: #1b1b1b; width: 10px; height: 10px; border-radius: 50%;}
    .carousel-indicators { margin-bottom: 0;}
    .carousel .carousel-indicators { font-size: 13px;}
    
    .about-section .about-img{ width: 230px;}
    .about-section p { margin: 10px 0; font-size: 13px;}

    .product-section .owl-carousel .product-slide { margin: 20px 8px;}
    .product-section .product-slide .product-details h5{ font-size: 15px; margin: 15px 0 5px 0;}
    .product-section .product-slide .product-img img{ width: 200px; height: 200px; object-fit: cover; margin: 0 auto;}
    .product-section .product-slide .product-details a { font-size: 13px;}

    .form-section .linear-bg { padding: 30px;}
    .form-section .linear-bg .heading h2 { margin: 0 0 30px 0;}

    .footer h4 { font-size: 18px; margin: 20px 0 10px 0;}
    .footer p, .footer p a { font-size: 14px;}
    .footer ul li a { font-size: 14px}
    .footer ul li i { color: #58AAB6; margin: 0 6px 0 0;}
    .footer-bottom p { color: #858585; font-size: 14px; margin: 12px 0;}
    .footer-bottom .social-links a { font-size: 10px;}
    .footer-bottom .social-links a i { margin: 0 2px; background: #58AAB6; padding: 10px;}
    .footer-bottom .social-links a .fa-facebook-f { padding: 10px 11px;}

    .inner-banner h3 { font-size: 24px; margin: 0 0 5px 0;}
    .product-banner h3 { font-size: 24px; margin: 0 0 5px 0;}

    .about-2 .img-collage img { border: 3px solid #fff;}

    .contact-details .single-detail { padding: 20px 0; min-height: 100px; text-align: center;}
    .contact-details .single-detail h5 {font-size: 18px;}
    .contact-details .single-detail p  {font-size: 13px;}
    .contact-details .single-detail .icon i { color: #f13848; font-size: 20px; margin: 0 0 10px 0;}
    .form-section { padding: 6% 0;}
    .form-section .form-control, .form-section .form-select { font-size: 14px; margin: 0 0 16px 0; padding: 12px 16px;}

    .modal-dialog .modal-body .form-section { margin: 0; padding: 0 20px 20px 20px;}

    .product-view .side-menu h4{ font-size: 20px;  margin: 0 0 30px 0;}
    .product-view .side-menu h4::before { margin-top: 27px;}
    .product-view .side-menu h5{ font-size: 14.5px; margin: 0 0 10px 0;}
    .product-view .side-menu ul li { font-size: 13.5px; padding: 10px 5px;} 

    .product-view .product-img {text-align: center;}
    .product-view .product-details h4 { font-size: 20px;}
    .product-view .product-img img { width: 70%;}
    .product-view .product-details h5{ font-size: 16px;}
    .product-details .product-specification { height: 300px;}

    .product-view .product-slide { margin: 0 0 10px 0; padding: 10px;}
    .product-view .product-slide .product-details h5{ font-size: 15px; margin: 10px 0;}

    .video-section .video { margin: 10px 0 0 0;}
    .video-section .video h5 { margin: 14px 0; font-size: 14px;}
    .video-section .video iframe { height: 160px;}
    
}
@media (min-width:992px) and (max-width:1200px){
    P { font-size: 14px;}
    .heading h2{ font-size: 37px;}
    .heading h3{ font-size: 30px; margin: 0 0 20px 0;}
    .custom-btn { font-size: 14px; padding: 12px 35px;}

    .navbar .nav-item .nav-link { font-size: 14px;}
    .navbar .custom-btn { padding: 8px 20px; font-size: 13.5px;}

    .carousel .carousel-caption h1 { font-size: 34px;}

    .about-section .about-img{ width: 250px;}
    
    .footer h4 { font-size: 18px; margin: 0 0 20px 0;}
    .footer p, .footer p a { font-size: 14px;}
    .footer p a { font-size: 14px;}
    .footer ul li a { font-size: 14px;}

    .contact-details .single-detail { padding: 30px 10px; min-height: 115px;}
    .contact-details .single-detail p { font-size: 13px;}

    .product-category .single-product { padding: 20px 10px;}
    .product-category .single-product .product-details h5 { font-size: 16px; margin: 0 0 10px 0;}

    .product-view .side-menu h4{ font-size: 22px;}
    .product-view .side-menu ul li { padding: 12px 8px;}

    .product-view .product-details h4 { font-size: 22px;}
    .product-details .product-specification { height: 300px;}

    .product-view .product-slide { border-radius: 10px; margin: 0 0 30px 0; padding: 20px; border: 1px solid #f4f4f4; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition: ease-in-out 0.3s;}
    .product-view .product-slide .product-details h5{ font-size: 17px; margin: 10px 0 20px 0;}
    .product-view .product-slide .product-details a { color: #58AAB6; font-weight: 600;}
    .product-view .product-slide .product-details a:hover { letter-spacing: 1px;}   

    .video-section .video { margin: 10px 0 0 0;}
    .video-section .video h5 { margin: 15px 0; font-size: 15px; font-weight: 600;}
    .video-section .video iframe { height: 160px;}

    .testimonials .client-slide { box-shadow: none;}
    .testimonials .client-slide { padding: 15px; margin: 20px 10px; border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
    .testimonials .client-slide .client-img img { border-radius: 5px;}
    .testimonials .client-slide .client-img h5 { font-size: 1px; font-weight: 600; margin: 15px 0 0 0 ;}
    .testimonials .client-slide .text i{ font-size: 20px; margin: 0;}

}