@media (max-width: 575.98px) {

    .head-overlay4 h1 {
        font-size: 27px;
    }

    section {
        padding: 5px 0px !important;
    }
   
    .head-overlay4 {
        margin: 0px;
    }

 
    .headbutton {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .home-head {
        padding: 20px;
        margin-top: 15px;
    }

    .sliding-1{
        padding: 15px 0px;
    }

    .sub-cat {
        top: 81px;
        left: -20px;
    }

    .head-content1 h4 {
        font-size: 20px;
        line-height: 25px;
    }

    .head-content1 {
        bottom: 19%;
        left: 34%;
    }

    .about1imag {
        display: none;

    }

    .about-content p {
        padding-left: 0px;
        text-align: justify;
    }

    .about-content button {
        margin: 10px 0px 0px 70px;
    }

    .about-right-img img {
        margin-top: 20px;
        position: initial;

    }

    .about-content h1 {
        padding: 15px 15px 15px 70px;

        font-size: 25px;

        margin-top: 10px;

    }

    .intro2 p {
        font-size: 17px;
        text-align: justify;
    }

    .intro3 p {
        font-size: 17px;
        text-align: justify;
    }

    .why-choose {
        padding-top: 0px;
    }

    .choose-part {

        padding: 15px 15px 15px 60px;

    }

    .choose-part h1 {
        font-size: 25px;

    }

    .navbar-toggler {
        font-size: 13px;
    }

    .quality-content {
        background-position: center;
    }

    .quality-content h2 {
        font-size: 30px;
    }

    .quality-content p {
        padding: 10px 36px 9px 30px;
        /* padding: 10px 10px 10px 30px; */
        text-align: justify;
        font-size: 18px;
    }

    .quality-icons {
        top: 0%;
        padding-bottom: 20px;
    }

    .product-part {
        padding: 15px 15px 15px 70px;
    }

    .product-part h1 {
        font-size: 25px;
    }

    .portfolio #portfolio-flters li {
        font-size: 18px;
    }

    .quality-icon h5 {
        font-size: 20px;
    }

    .portfolio #portfolio-flters li {

        padding: 10px 20px 8px 20px;
    }

    .profiles {
        margin-top: -10%;
    }

    .filter-windows .bi-chevron-left::before {
        font-size: 30px;
        left: -6%;
    }

    .filter-windows .bi-chevron-right::before {
        font-size: 30px;
        right: -6%;
    }

    .filter-all .owl-carousel .owl-item img {
        width: 90%;
    }

    .our-service {
        margin-top: -14%;
    }

    .service1 {
        /* margin-top: 40px; */
        padding: 10px;
    }

    .work-img1 {
        margin-top: 10px;
    }

    .image_wrapper .overlay h3 {
        font-size: 18px;

    }

    .explore1 {
        margin-top: 0px;
    }

    .explore2 {
        margin-top: 0px;
    }

    .enhance-content h1 {
        font-size: 23px;
        padding-top: 20px;
    }

    .enhance-content h4 {
        font-size: 18px;
    }

    .contact-page-section .info-column .list-info li {
        font-size: 17px;
    }

    .footer-inform {
        padding-top: 20px;
    }

    .footer-ques {
        padding-top: 20px;
    }

    .footer-window {
        padding-top: 20px;
    }

    .footer-door {
        padding-top: 20px;
    }

    .portfolio-item .owl-carousel .item {
        margin: 10px 10px 10px 10px;
    }

    .headbutton {
        font-size: 5px !important;
        padding: 5px 12px 5px 12px !important;
        border: 2px solid #01a587d9 !important;
    }

    .filter-all .product-content {
        font-size: 20px;
    }

    .navbar-toggler {
        margin-top: 5px;

    }

    #side-nave .nav-item .bi {
        padding-top: 10px;
    }

    .navbar-nav {
        margin-left: 0px;
    }

    .navbar .nav-item .active {
        color: #109099;
        border: none;
    }

    .abt-cont {
        padding: 20px;
    }

    .contact-master-section01 .img {
        min-height: 250px;
    }

    .about-content-box {
        padding: 0px;
    }

    .about-part2-img {
        padding: 10px;
    }

    .product-img1 img {
        width: 100%;
        border-radius: 30px;
    }

    .product-img2 img {
        width: 100%;
        border-radius: 30px;
    }

    .product-section {
        padding: 0px;
    }

    .work1 {
        margin: 0px;
    }

    .work2 {
        margin-top: 0px
    }

    .work3 {
        margin-top: 0px;
    }

    .breadcrumb-area {
        margin-top: 0px;
        padding-left: 0px;
    }

    .breadcrumb-area h1 {
        padding-top: 20px;
        font-size: 35px;
    }

    .stedheadimg img {
        padding: 10px;
        width: 100%;
    }

    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background-color: #fff;
    }

    .contact-master-container02 {
        padding: 30px;
    }

    .about-master-container02 {
        padding: 20px;
    }

    .aboutcon1 {

        padding: 20px 20px 70px 20px;
        /* color: #fff; */
    }

    .card-block {
        margin-bottom: 15px;
    }

    .aboutcon1 button {
        margin: 10px 0px 0px 60px;
    }

    .nav-tabs {
        margin-left: 10px;
    }

    .tabmain ul li a {
        padding: 15px 10px 15px 10px;
    }

    #banner .owl-prev i {
        padding: 7px !important;
    }

    #banner .owl-next i {
        padding: 7px !important;
    }

    /* .home02 .tab {
        display: flex;
        flex-direction: column;
        text-align: center;
    } */

    .head-overlay4 {
        position: absolute !important;
        top: 50px !important;
        left: 26% !important;
    }

    .head-overlay4 h1 {
        font-size: 9px !important;
        padding-bottom: 0px !important;
    }

    .head-overlay4::after {

        border-right: 6px solid #01a587d9;
        border-top: 6px solid #01a587d9;
    }

    .head-overlay4::before {
        border-left: 6px solid #01a587d9;
        border-bottom: 6px solid #01a587d9;
    }

    #banner.owl-theme .owl-nav {
        margin: -9px 0px !important;
    }

    #product-windows {
        /* z-index: -1 !important; */
    }

    #product-windows .owl-prev i {
        position: absolute;
        top: 50%;
        left: 0px;
        padding: 20px 20px;
        background-color: #27b299;
        color: #fff;
    }

    #product-windows .owl-next i {
        position: absolute;
        top: 50%;
        right: 0px;
        padding: 20px 20px;
        background-color: #27b299;
        color: #fff;
    }

    /* =========sub-page======== */
    .ban-link h5 {
        font-size: 15px;
    }

    .pro-detail-title h2 br {
        display: none;
    }
    .pro-detail-title h2 {
        padding: 10px 0px;
    }

    .why-content h2 {
        font-size: 1.2rem;
    }

    .profile-ban h2 {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .profile-ban h3 {
        font-size: 1.5rem;
    }

    .r-space {
        padding: 0px;
    }

    .ban-link {
        padding: 5px 0px;
    }

    .pad-sec {
        padding: 24px;
    }

    .pro-ul {
        display: flex;
        align-items: start;
        flex-direction: column;
        padding: 0px;
    }

    .pro-ul li {
        padding: 10px 20px;
        font-size: 17px;
    }

    .pro-head-2 h2 {
        font-size: 26px;
    }
    .pro-color {
        padding: 10px 0px;
        display: inline-block;
    }
    .pro-tabs .col-lg-4{
       text-align: center;
        width: 50%;
    }



}


/*----------------------------------------------------------------------------------------------------------------------------------

******************* 576px to 768px *******************

----------------------------------------------------------------------------------------------------------------------------------*/

/* @media (min-width: 420.98px) {
    .head-overlay4 {
        position: absolute !important;
        top: 72px !important;
        left: 26% !important;
    }
   
}

@media (min-width: 820.98px) {
    .head-overlay4 {
        position: absolute !important;
        top: 122px !important;
        left: 26% !important;
    }
} */

@media (min-width: 576px) and (max-width: 767.98px) {

    .head-overlay4 h1 {
        font-size: 18px;
    }

    .head-overlay4 {
        margin: 0px;
    }

    .headbutton {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .head-overlay4 {
        position: absolute !important;
        top: 95px !important;
        left: 26% !important;
    }

    .sliding-1{
        padding: 15px 0px;
    }

    .home-head {
        padding: 20px;
        margin-top: 50px;
    }

    .head-content1 h4 {
        font-size: 18px;
        line-height: 25px;
    }

    .head-content1 {
        bottom: 20%;
        left: 34%;
    }

    .about1imag {
        display: none;

    }

    .about-content p {
        padding-left: 0px;
        text-align: justify;
    }

    .about-content button {
        margin: 10px 0px 0px 35%;
    }

    .about-right-img img {
        margin-top: 20px;
        position: initial;

    }

    .about-content h1 {
        padding: 15px 15px 15px 70px;

        font-size: 25px;

        margin-top: 0px;

    }

    .why-choose {
        padding-top: 0px;
    }

    .choose-part {

        padding: 15px 15px 15px 60px;

    }

    .choose-part h1 {
        font-size: 30px;

    }

    .quality-content h2 {
        font-size: 30px;
    }

    .quality-content p {
        padding: 10px 70px 10px 30px;
        text-align: justify;
        font-size: 18px;
    }

    .quality-icons {
        top: 0%;
        padding-bottom: 20px;
    }

    .product-part {
        padding: 15px 15px 15px 70px;
    }

    .product-part h1 {
        font-size: 30px;
    }

    .portfolio #portfolio-flters li {
        font-size: 18px;
    }

    .quality-icon h5 {
        font-size: 20px;
    }

    .portfolio #portfolio-flters li {

        padding: 10px 20px 8px 20px;
    }

    .profiles {
        margin-top: -5%;
    }

    .filter-windows .bi-chevron-left::before {
        font-size: 30px;
    }

    .filter-windows .bi-chevron-right::before {
        font-size: 30px;
    }

    .filter-all .owl-carousel .owl-item img {
        width: 90%;
    }

    .our-service {
        margin-top: -15%;
    }

    .service1 {
        /* margin-top: 40px; */
        padding: 10px;
    }

    .work-img1 {
        margin-top: 10px;
    }

    .image_wrapper .overlay h3 {
        font-size: 20px;


    }

    .explore1 {
        margin-top: 0px;
    }

    .explore2 {
        margin-top: 0px;
    }

    .enhance-content h1 {
        font-size: 35px;
        padding-top: 20px;
    }

    .enhance-content h4 {
        font-size: 27px;
    }

    .footer-inform {
        padding-top: 20px;
    }

    .footer-ques {
        padding-top: 20px;
    }

    .footer-window {
        padding-top: 20px;
    }

    .footer-door {
        padding-top: 20px;
    }

    .portfolio-item .owl-carousel .item {
        margin: 10px 10px 10px 10px;
    }

    .headbutton {
        font-size: 15px;
    }

    .filter-all .product-content {
        font-size: 20px;
    }

    .navbar-toggler {

        margin-top: 13px !important;
    }

    .navbar-nav {
        margin-left: 0px;
    }

    .navbar .nav-item .active {
        color: #109099;
        border: none;
    }

    .abt-cont {
        padding: 20px;
    }

    .about-content-box {
        padding: 0px;
    }

    .about-part2-img {
        padding: 10px;
    }

    .product-img1 img {
        width: 100%;
        border-radius: 20px;
    }

    .product-img2 img {
        width: 100%;
        border-radius: 20px;
    }

    .work1 {
        margin: 0px;
    }

    .work2 {
        margin-top: 0px
    }

    .work3 {
        margin-top: 0px;
    }

    .breadcrumb-area {
        margin-top: 50px;
        padding-left: 0px;
    }

    .breadcrumb-area h1 {
        padding-top: 20px;
        font-size: 35px;
    }

    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background-color: #fff;
    }

    .aboutcon1 button {
        margin: 10px 0px 0px 100px;
    }

    .nav-tabs {
        margin-left: 20%;
    }

    .stedheadimg img {
        padding: 10px;
        width: 100%;
    }

    /* .tabmain ul li a{
        padding: 15px 10px 15px 10px;
    } */

    .pro-color {
        padding: 10px 0px;
        display: inline-block;
    }
    .pro-tabs .col-lg-4{
       text-align: center;
        width: 50%;
    }

    /* ============sub-page=========== */

    .profile-ban h3 {
        font-size: 2.5rem;
    }

    .pro-ul li {
        font-size: 10px;
        font-weight: bolder;
    }
    .pro-head-2 h2 {
        font-size: 27px ;
    }
    .img-sub-head h2 {
        color: #1ca0c0;
        padding: 0px 0px;
    }

    .r-space {
        padding: 10px;
    }

    .images-sec {
        background-color: #b2bdc5;
        padding: 100px 0px 40px 0px;
    }

    .sub-bg {
        background-color: #e3fcff;
        padding: 130px 0px 80px 0px;
    }

    .pro-detail-title h2 {
        padding: 11px 0px;
        font-size: 20px;
    }

    .pro-detail-title h2 br {
        display: none;
    }

    .img-and-para p {
        font-size: 14px;
    }

    .img-and-para h2 {
        font-size: 1.5rem;
    }

}




/*----------------------------------------------------------------------------------------------------------------------------------

******************* 768px to 992px *******************

----------------------------------------------------------------------------------------------------------------------------------*/



@media (min-width: 768px) and (max-width: 991.98px) {

    .head-overlay4 h1 {
        font-size: 25px;
    }

    .head-overlay4 {
        margin: 0px;
    }

    .headbutton {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .home-head {
        padding: 20px;
        margin-top: 30px;
    }

    .head-content1 h4 {
        font-size: 25px;
    }

    .sliding-1{
        padding: 20px 0px;
    }

    .head-content1 {
        bottom: 16%;
        left: 28%;
    }

    .about1imag {
        display: none;

    }
    .pos-rel a {
        font-size: 14px;
    }

    .sub-cat {
        left: 264px;}

        .contact-page-section .info-column h2 {
            font-size: 25px;
        }

        .contact-page-section .info-column .list-info li {
            font-size: 11px;
            padding-left: 29px;
        }

        .contact-page-section .info-column .list-info li i {
            font-size: 18px;
        }

        .social-icon-four li {
            margin-right: 13px;
        }

        .about-content p {
            padding-left: 0px;
            text-align: justify;
        }

        .about-content button {
            margin: 10px 0px 0px 40%;
        }

        .about-right-img img {
            /* margin-top: 20px; */
            position: initial;

        }

        .about-content h1 {
            padding: 15px 15px 15px 70px;

            font-size: 30px;

            margin-top: 0px;

        }

        .why-choose {
            padding-top: 0px;
        }

        .choose-part {

            padding: 15px 15px 15px 60px;

        }

        .choose-part h1 {
            font-size: 30px;

        }

        .quality-content h2 {
            font-size: 35px;
        }

        .quality-content p {
            padding: 10px 60px 15px 30px;
            /* padding: 10px 10px 15px 30px; */
            text-align: justify;
            font-size: 22px;
        }

        .quality-icons {
            top: 0%;
            padding-bottom: 20px;
        }

        .product-part {
            padding: 15px 15px 15px 70px;
        }

        .product-part h1 {
            font-size: 30px;
        }

        .portfolio #portfolio-flters li {
            font-size: 23px;
        }

        .quality-icon h5 {
            font-size: 20px;
        }

        .portfolio #portfolio-flters li {

            padding: 10px 20px 8px 20px;
        }

        .profiles {
            margin-top: -2%;
        }

        .filter-windows .bi-chevron-left::before {
            font-size: 30px;
        }

        .filter-windows .bi-chevron-right::before {
            font-size: 30px;
        }

        .filter-all .owl-carousel .owl-item img {
            width: 90%;
        }

        .our-service {
            margin-top: -10%;
        }

        .service1 {
            /* margin-top: 40px; */
            padding: 10px;
        }

        .work-img1 {
            margin-top: 10px;
        }

        .image_wrapper .overlay h3 {
            font-size: 20px;
            line-height: 30px;


        }

        .explore1 {
            margin-top: 0px;
        }

        .explore2 {
            margin-top: 0px;
        }

        .enhance-content h1 {
            font-size: 35px;
            padding-top: 20px;
        }

        .enhance-content h4 {
            font-size: 27px;
        }

        .footer-inform {
            padding-top: 20px;
        }

        .footer-ques {
            padding-top: 20px;
        }

        .footer-window {
            padding-top: 20px;
        }

        .footer-door {
            padding-top: 20px;
        }

        .portfolio-item .owl-carousel .item {
            margin: 10px 10px 10px 10px;
        }

        .headbutton {
            font-size: 19px;
        }

        .filter-all .product-content {
            font-size: 20px;
        }

        #footer .footer-top h4 {
            font-size: 20px;
        }

        .footer-inform ul li {
            font-size: 18px;
        }

        a {
            font-size: 20px;
        }

        .footer-window ul li {
            font-size: 20px;
        }

        .footer-door ul li {
            font-size: 20px;
        }

        .navbar-nav {
            margin-left: 0px;
        }

        .navbar .nav-item .active {
            color: #109099;
            border: none;
        }

        .abt-cont {
            padding: 20px;
        }

        .about-content-box {
            padding: 0px;
        }

        .about-part2-img {
            padding: 10px;
        }

        .product-img1 img {
            width: 100%;
            border-radius: 20px;
        }

        .product-img2 img {
            width: 100%;
            border-radius: 20px;
        }

        .work1 {
            margin: 0px;
        }

        .work2 {
            margin-top: 0px
        }

        .md-img {
            text-align: center;
        }

        .work3 {
            margin-top: 0px;
        }

        .breadcrumb-area {
            margin-top: 50px;
            padding-left: 0px;
        }

        .breadcrumb-area h1 {
            padding-top: 30px;
            font-size: 45px;
        }

        .aboutcon1 button {
            margin: 10px 0px 0px 35%;
        }

        .nav-tabs {
            margin-left: 25%;
        }

        .stedheadimg img {
            padding: 10px;
            width: 100%;
        }

        /* .tabmain ul li a{
        padding: 15px 10px 15px 10px;
    } */

        .pro-image {
            margin: 0px;
        }

        /* ========subapage========= */

        .profile-ban h3 {
            font-size: 2.5rem;
        }

        .pro-ul li {
            font-size: 14px;
            font-weight: bolder;
        }

        .r-space {
            padding: 10px;
        }

        .images-sec {
            background-color: #b2bdc5;
            padding: 100px 0px 40px 0px;
        }

        .sub-bg {
            background-color: #e3fcff;
            padding: 130px 0px 80px 0px;
        }

        .pro-detail-title h2 {
            padding: 11px 0px;
            font-size: 20px;
        }

        .pro-detail-title h2 br {
            display: none;
        }

        .img-and-para p {
            font-size: 14px;
        }

        .img-and-para h2 {
            font-size: 1.5rem;
        }

        
    }




    /*----------------------------------------------------------------------------------------------------------------------------------

******************* 992px to 1200px *******************

----------------------------------------------------------------------------------------------------------------------------------*/



    @media (min-width: 992px) and (max-width: 1199.98px) {

        .head-overlay4 h1 {
            font-size: 30px;
        }

        .head-overlay4 {
            margin: 0px;
        }

        .headbutton {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .home-head {
            padding: 20px;
        }

        .head-content1 h4 {
            font-size: 16px;
            line-height: 20px;
        }

        .sub-cat {
            top: 60px;
            left: 29px;}

        .head-content1 {
            bottom: 23%;
            left: 36%;
        }

        .about1imag {
            display: block;

        }

        .about-content p {
            padding-left: 0px;
            text-align: justify;
        }

        .about-content button {
            margin: 10px 0px 0px 30%;
        }

        .about-right-img img {
            /* margin-top: 20px; */
            position: initial;

        }

        .about-content h1 {
            padding: 15px 15px 15px 70px;

            font-size: 30px;

            margin-top: 35px;

        }

        .why-choose {
            padding-top: 0px;
        }

        .choose-part {

            padding: 15px 15px 15px 60px;

        }

        .choose-part h1 {
            font-size: 30px;

        }

        .quality-content h2 {
            font-size: 35px;
        }

        .quality-content p {
            padding: 10px 60px 30px 37px;
            /* padding: 10px 10px 15px 30px; */
            text-align: justify;
            font-size: 22px;
        }

        .quality-icons {
            top: 0%;
            padding-bottom: 20px;
        }

        .product-part {
            padding: 15px 15px 15px 70px;
        }

        .product-part h1 {
            font-size: 30px;
        }

        .portfolio #portfolio-flters li {
            font-size: 23px;
        }

        .quality-icon h5 {
            font-size: 20px;
        }

        .portfolio #portfolio-flters li {

            padding: 10px 20px 8px 20px;
        }

        /* .profiles{
        margin-top: -5%;
    } */
        .filter-windows .bi-chevron-left::before {
            font-size: 30px;
        }

        .filter-windows .bi-chevron-right::before {
            font-size: 30px;
        }

        .filter-all .owl-carousel .owl-item img {
            width: 90%;
        }

        .our-service {
            margin-top: -10%;
        }

        .service1 {
            /* margin-top: 40px; */
            padding: 10px;
        }

        .workhead {
            margin-top: -5%;
        }

        .workhead2 {
            margin-top: -5%;
        }

        .work-img1 {
            margin-top: 10px;
        }

        .image_wrapper .overlay h3 {
            font-size: 18px;


        }

        .contact-page-section .info-column .list-info li {
            font-size: 17px;
        }

        .enhance-button button {
            padding: 10px 25px 10px 22px;
        }

        .imgservice {
            margin-top: -5%;
        }

        .explore1 {
            margin-top: 0px;
        }

        .explore2 {
            margin-top: 0px;
        }

        .enhance-content h1 {
            font-size: 30px;
            padding-top: 20px;
        }

        .enhance-content h4 {
            font-size: 20px;
        }

        .footer-inform {
            padding-top: 20px;
        }

        .footer-ques {
            padding-top: 20px;
        }

        .footer-window {
            padding-top: 20px;
        }

        .footer-door {
            padding-top: 20px;
        }

        .portfolio-item .owl-carousel .item {
            margin: 10px 10px 10px 10px;
        }

        .headbutton {
            font-size: 25px;
        }

        .filter-all .product-content {
            font-size: 17px;
        }

        #footer .footer-top h4 {
            font-size: 18px;
        }

        .footer-inform ul li {
            font-size: 14px;
        }

        a {
            font-size: 10px;
            /* display: flex; */
        }

        .footer-window ul li {
            font-size: 14px;
        }

        .footer-door ul li {
            font-size: 14px;
        }

        .navbar-nav {
            margin-left: 0px;
        }

        .navbar .nav-item .active {
            color: #109099;
            border: none;
        }

        .abt-cont {
            padding: 20px;
        }

        .about-content-box {
            padding: 0px;
        }

        .about-part2-img {
            padding: 10px;
        }

        .product-img1 img {
            width: 100%;
            border-radius: 20px;
        }

        .product-img2 img {
            width: 100%;
            border-radius: 20px;
        }

        .work1 {
            margin: 0px;
        }

        .work2 {
            margin-top: 0px
        }

        .work3 {
            margin-top: 0px;
        }

        .breadcrumb-area {
            margin-top: 130px;
            padding-left: 0px;
            padding-top: 30px;
        }

        .nav-tabs {
            margin-left: 35%;
        }

        .breadcrumb-area h1 {
            padding-top: 30px !important;
        }

        .stedheadimg img {
            padding: 10px;
            width: 100%;
        }

        .navbar .nav-item {
            padding-left: 12px;

        }


        .enhance-btn a button {
            font-size: 10px !important;
        }

        .navbar .nav-item .nav-link {
            font-size: 10px;
            letter-spacing: 0px;
            padding-left: 2px;
        }

        /* ===========sub-page=============== */

        .ban-link h5 {
            font-size: 15px;
        }
    
        .pro-detail-title h2 br {
            display: none;
        }
        .pro-detail-title h2 {
            padding: 10px 0px;
        }
    
        .why-content h2 {
            font-size: 1.2rem;
        }
    
       
        .r-space {
            padding: 0px;
        }
        .sliding-1{
            padding: 10px 0px;
        }
    
        .img-and-para h2 {
            font-size: 1.5rem;}
        .pad-sec {
            padding: 24px;
        }
        .img-and-para p {
            font-size: 0.9rem;}
    
        .pro-ul {
            display: flex;
            align-items: start;
            /* flex-direction: column; */
            padding: 0px;
        }
    
        .images-sec {
            background-color: #b2bdc5;
            padding: 100px 0px 30px 0px ;
        }
        .pro-ul li {
            padding: 10px 20px;
            font-size: 13px;
        }
    
        .pro-head-2 h2 {
            font-size: 26px;
        }
        .pro-upvc {
            padding-top: 8px;}
            .sub-bg {
                background-color: #e3fcff;
                padding: 130px 0px 56px 0px;
            }

    }

    /*----------------------------------------------------------------------------------------------------------------------------------

******************* 1200px to 1600px *******************

----------------------------------------------------------------------------------------------------------------------------------*/


    @media (min-width: 1200px) and (max-width: 1600.98px) {
        .navbar-nav {
            margin-left: -29%;
        }

        a {
            font-size: 14px;
        }
    }