@media only screen and (min-width: 1400px) and (max-width: 1680px){

    .home-banner-slider-items img{

        height: 620px;

    }

}



@media (min-width: 1400px){



}



@media only screen and (min-width: 1200px) and (max-width: 1399px){

    .home-banner-slider-items img{

        height: 620px;

    }

    .theme-title-wrap span{

        font-size: 23px;

        margin-bottom: 5px;

    }

    .theme-title-wrap .main-title{

        font-size: 38px !important;

    }

}



@media (max-width: 1199px){

    section,

    .main-footer{

        padding: 60px 0;

    }

    .home-banner-slider-items img{

        height: 430px;

    }

    .banner-caption .banner-title{

        font-size: 40px;

    }

    .banner-caption .banner-desc{

        font-size: 20px;

    }

    .theme-title-wrap span{

        font-size: 20px;

        margin-bottom: 5px;

    }

    .theme-title-wrap .main-title{

        font-size: 32px !important;

    }

    .counter-wrap-box h2{

        font-size: 35px;

    }

    .counter-wrap-box p{

        font-size: 18px;

    }

    .pro-qly-text h2{

        font-size: 28px;

    }

    .our-products-sec::before{

        height: 65%;

    }

    .our-products-box .p-name h2{

        font-size: 23px;

    }

    .why-rekvina-choose-box h2{

        font-size: 19px;

    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px){

    .navbar-menu li a{

        font-size: 14px;

    }

    .board-directors-img img{

        width: 180px;

        height: 180px;

    }

    .float-right-img{

        width: 45%;

        margin-left: 15px;

        margin-bottom: 20px;

    }

    .contact-items .contact-title{

        font-size: 23px;

    }

}

@media (min-width: 992px){

   

}



@media (max-width: 991px){

    p{

        font-size: 15px;

    }

    .top-header{

        background-color: #f8f9fa;

    }

    .navbar-brand img{

        max-width: 120px;

    }

    .top-header-wrapper .right-text-wrap{

        width: 100%;

    }

    .top-header-wrapper .right-text-wrap ul{

        justify-content: space-between;

    }

    .home-banner-slider-items img{

        height: 400px;

    }

    .banner-caption .banner-title{

        font-size: 35px;

    }

    .banner-caption .banner-desc{

        font-size: 18px;

    }

    .theme-title-wrap span{

        font-size: 20px;

        margin-bottom: 5px;

    }

    .theme-title-wrap .main-title{

        font-size: 30px !important;

    }

    .our-products-box .p-name h2{

        font-size: 19px;

    }

    .why-rekvina-choose-box h2{

        font-size: 17px;

    }

    .f-logo{

        float: left;

    }

    .toggle-btn{

        background: transparent;

        order: 3;

    }

    .navbar-toggler-icon{

        background-image: url(../images/icon/bars-icon.png);

        width: 2em;

        height: 2em;

    }

    .offcanvas.offcanvas-end{

        border-left: 0;

    }

    .offcanvas-header .fornax-logo{

        max-width: 130px;

    }

    .mobile-menu-wrap ul li{

        border-bottom: 1px solid #e4e4e4;

        padding: 8px 0;

        margin-bottom: 0;

    }

    .mobile-menu-wrap ul li a{

        color: #000;

    }

    .mobile-menu-wrap ul li a.active{

        color: #F53B0D;

        font-weight: 700;

    }

    .mobile-menu-wrap .sub-menu .subdrop-down-menu{

        /* display: block; */

        background: rgb(255 243 245);

        border-radius: 6px;

        margin: 10px 0px;

        padding-top: 10px;

        padding-bottom: 10px;

        padding-left: 20px;

        padding-right: 20px;

    }

    .mobile-menu-wrap .sub-menu .subdrop-down-menu {

        display: none; /* Hide the dropdown menu by default */

      }

    .mobile-menu-wrap .sub-menu .subdrop-down-menu li{

        border-bottom: 1px solid #ffdee3;

    }

    .mobile-menu-wrap .sub-menu .down-arrow-icon img{

        width: 18px;

    }

    .board-directors-img img{

        width: 150px;

        height: 150px;

    }

    .board-directors-text h2{

        font-size: 25px;

    }

    .float-right-img{

        width: 48%;

        margin-left: 15px;

        margin-bottom: 20px;

    }

    .contact-items .contact-title{

        font-size: 23px;

    }
   /* .mobile-menu-wrap ul{
        overflow: auto;
        max-height: 200px;
    }*/

}

@media (orientation: landscape) {
  .mobile-menu-wrap ul{
        overflow: auto;
        max-height: 200px;
    }
}
@media (max-width: 767px){

    section,

    .main-footer{

        padding: 50px 0;

    }

    .counter-wrapper .col-sm-6:nth-child(2n) .counter-wrap-box {

        border-right: none;

    }



    .counter-wrapper .col-sm-6:nth-child(2n+1) .counter-wrap-box {

        border-right: 1px solid #ddd;

    }

    .navbar-brand img{

        max-width: 120px;

    }

    .home-banner-slider-items img{

        height: 350px;

    }

    .banner-caption .banner-title{

        font-size: 33px;

    }

    .banner-caption .banner-desc{

        font-size: 18px;

    }

    .about-img-we{

        padding-right: 30px;

    }

    .theme-title-wrap span{

        font-size: 18px;

        margin-bottom: 5px;

    }

    .theme-title-wrap .main-title{

        font-size: 27px !important;

    }

    .counter-wrap-box h2{

        font-size: 30px;

    }

    .counter-wrap-box p{

        font-size: 16px;

    }

    .our-products-box .p-name h2{

        font-size: 20px;

    }

    .pro-qly-text h2{

        font-size: 25px;

    }

    .pro-qly-text:last-child::before{

        bottom: 5px;

        width: 81px;

    }

    .our-products-sec::before{

        height: 50%;

    }

    .vision-mission-items{

        padding: 20px;

    }

    .vision-mission-icon img{

        width: 80px;

        height: 80px;

    }

    .vision-mission-icon{

        margin-bottom: 15px;

    }

    .vision-mission-items .vision-mission-title{

        font-size: 23px;

    }

    .board-directors-img img{

        width: 150px;

        height: 150px;

    }

    .products-sec .nav-tabs .nav-link{

        font-size: 15px;
        text-align: center;

    }

    .products-sec .tab-pane h2{

        font-size: 23px;

    }

    .dataTables_wrapper .dataTables_filter{

        margin-bottom: 15px;

    }

    .composition-text-items{

        border-bottom: 1px solid #e7e7e7;

        padding: 2px 0;

    }

    .float-right-img{

        float: unset;

        width: 100%;

        max-width: 100%;

        margin-left: 0;

        margin-bottom: 20px;

    }

    .board-directors-text h2{

        font-size: 25px;

    }

    .directors-con-detail ul{

        margin: 15px auto 0;

        width: 100%;

        justify-content: center;

    }

    .contact-items .contact-title{

        font-size: 23px;

    }

}

@media only screen and (min-width: 576px) and (max-width: 767px){



}

@media (max-width: 575px){

    .home-banner-slider-items img{

        height: 300px;

    }

    .banner-caption .banner-title{

        font-size: 30px;

    }

    .banner-caption .banner-desc{

        font-size: 16px;

    }

    section,

    .main-footer{

        padding: 40px 0;

    }

    .our-products-sec::before{

        height: 30%;

    }

    .board-directors-img img{

        width: 120px;

        height: 120px;

    }

    .contact-items .contact-title{

        font-size: 20px;

    }

}

@media (max-width: 480px){

    section,

    .main-footer{

        padding: 30px 0;

    }

   .navbar-brand img{

        max-width: 90px;

   }

   .theme-title-wrap span{

        font-size: 18px;

        margin-bottom: 5px;

   }

   .theme-title-wrap .main-title{

        font-size: 25px !important;

   }

   .pro-qly-text h2{

        font-size: 20px;

   }

   .pro-qly-text:last-child::before{

        bottom: 5px;

   }

   .our-products-sec::before{

        height: 40%;

   }

   .top-header-wrapper .right-text-wrap li span{

        width: 30px;

        height: 30px;

   }

   .top-header-wrapper .right-text-wrap li a{

        font-size: 14px;

   }

   .directors-con-detail ul{

        display: block !important;

        margin: 15px auto 0;

    }

    .directors-con-detail ul li::before{

        content: '';

    }

  

}

@media (max-width: 375px){

    .top-header-wrapper .right-text-wrap li:first-child{

        margin-right: 14px;

    }

    .top-header-wrapper .right-text-wrap li span{

        width: 25px;

        height: 25px;

    }

    .top-header-wrapper .right-text-wrap li span img{

        width: 14px;

    }

    .top-header-wrapper .right-text-wrap li a{

        font-size: 12px;

    }

    .home-banner-slider-items img{

        height: 370px;

    }

    .banner-caption .banner-title{

        font-size: 25px;

    }

    .banner-caption .banner-desc{

        font-size: 16px;

    }

}