@media screen and (min-width: 1500px) {

.value-right img {
    width: 560px;
    position: absolute;
    right: 0;
    margin-top: -9px;
}

}


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

#owl-demo {
    width: 90%;
    left: calc(5%);
}


}



/*
====================================
Medium Screen - Others
====================================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {
.head1 .nav-link {
    margin-left: 19px;
    font-size: 14.5px;
}

.head1 .logo img {
  width: 120px;
}

.banner p {
    font-size: 20px;
    margin-bottom: 4px;
}

.banner a {
    font-size: 20px;
    margin-bottom: 4px;
}

.banner h1 {
    font-size: 50px;
    margin-bottom: 4px;
}

.accordion ul .on {
    width: 50%;
}

.pro-close img {
    width: 25px;
}

.modal-body,.news-modal .modal-body {
    padding: 35px 15px 80px;
}

#pro-modal1 h2 {
    font-size: 40px;
    line-height: 49px;
}

.pro-txt p, .pro-txt h6 {
    font-size: 16px;
}

.value-right img {
    width: 350px;
    margin-top: 125px;
}

.value-left h2 {
    margin-bottom: 30px;
    font-size: 44px;
}




/*news-area*/

.news-txt h2 {
    font-size: 23pt;
    line-height: 40px;
}

.news-txt p {
    font-size: 12pt;
}


.news-txt h6, .news-txt a {
    font-size: 11.8pt;
    margin-top: 49px;
}

#owl-demo {
    width: 86%;
    left: calc(7%);
}


/*gallery-area*/

#owl-demo2 .owl-next {
    right: -50px;
    top: calc(25%);
}

#owl-demo2 .owl-prev {
    left: -50px;
    top: calc(25%);
}



/*footer*/
.footer p, .footer a {
    font-size: 26px;
}


}





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

header {
    height: 58vh;
}

.banner p {
    font-size: 18px;
    margin-bottom: 4px;
}

.banner a {
    font-size: 18px;
}


.banner h1 {
    font-size: 40px;
    margin-bottom: 4px;
}


/*about-area
*/

h2 {
 font-size: 30pt;
}

.about-area {
    padding: 50px 0 10px;
}

.abt-left {
  padding-right: 0px;
}

.abt-right {
  padding-left: 0px;
}

.plus-btn-area {
    padding: 10px 0 50px;
    text-align: center;
}

.plus-btn-area button {
    width: 45px;
    height: 45px;
    font-size: 27px;
}

/*product-area*/

.accordion ul .on {
    width: 70%;
}

.pro-close img {
    width: 35px;
}

.modal-body,.news-modal .modal-body {
    padding: 0 15px 80px;
}

#pro-modal1 h2 {
    font-size: 25px;
    line-height: 35px;
}

.pro-txt p, .pro-txt h6 {
    font-size: 16px;
}

.pro-img img {
    margin-top: 30px;
}

.table-pro th, .table-pro td {
    font-size: 8pt;

}

.value-right {
    text-align: center;
}

.value-right img {
    position: inherit;
}





/*news-area*/

.news-txt h2 {
    font-size: 23pt;
    line-height: 40px;
}

.news-txt p {
    font-size: 12pt;
}


.news-txt h6, .news-txt a {
    font-size: 11.8pt;
    margin-top: 49px;
}

#owl-demo {
    width: 81%;
    left: calc(9%);
}


/*gallery-area*/

#owl-demo2 .owl-next {
    right: -50px;
    top: calc(25%);
}

#owl-demo2 .owl-prev {
    left: -50px;
    top: calc(25%);
}

#owl-demo2 {
    width: 80%;
    left: calc(10%);
}

.gallery-item img.gal-img {
    height: auto;
    width: 290px !important;
}




/*footer*/

.footer h2 {
    margin-top: 60px;
}

.modal-dialog {
    max-width: 650px;
    margin: 1.75rem auto;
}



}



/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {	

header {
    height: 58vh;
}

.banner p {
    font-size: 14px;
    margin-bottom: 4px;
}

.banner a {
    font-size: 14px;
}


.banner h1 {
    font-size: 30px;
    margin-bottom: 4px;
}



/*about-area
*/

h2 {
 font-size: 28pt;
}

.about-area {
    padding: 50px 0 10px;
}

.abt-left {
  padding-right: 0px;
}

.abt-right {
  padding-left: 0px;
}

.plus-btn-area {
    padding: 10px 0 50px;
    text-align: center;
}

.plus-btn-area button {
    width: 45px;
    height: 45px;
    font-size: 27px;
}


/*product-area*/

.accordion ul .on {
    width: 100%;
}

.accordion ul li div {
    height: 535px;
}

.pro-close img {
    width: 35px;
}

.modal-body,.news-modal .modal-body {
    padding: 0 15px 80px;
}

#pro-modal1 h2 {
    font-size: 25px;
    line-height: 35px;
}

.pro-txt p, .pro-txt h6 {
    font-size: 16px;
}

.pro-img img {
    margin-top: 30px;
}

.table-pro th, .table-pro td {
    font-size: 8pt;

}

.value-left {
    padding: 0;
}

.value-right img {
    position: inherit;
}



/*news-area*/

.news-txt h2 {
    font-size: 23pt;
    line-height: 40px;
}

.news-txt p {
    font-size: 12pt;
}


.news-txt h6, .news-txt a {
    font-size: 11.8pt;
    margin-top: 49px;
}

#owl-demo {
    width: 80%;
    left: calc(10%);
}


/*gallery-area*/


#owl-demo2 .owl-next {
    right: -50px;
    top: calc(25%);
}

#owl-demo2 .owl-prev {
    left: -50px;
    top: calc(25%);
}

#owl-demo2 {
    width: 80%;
    left: calc(10%);
}

.gallery-item img.gal-img {
    height: auto;
    width: 290px !important;
}




/*footer*/

.footer img {
    width: 80%;
}


.footer h2 {
    margin-top: 60px;
}

.footer-1 {
    text-align: center;
}
.footer .form-group {
    text-align: left;
}

.scrolltotop {
    margin-right: 25px;
    margin-top: -154px;
}



}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 575px) {

.banner p {
    font-size: 6pt;
    margin-bottom: 4px;
}

.banner a {
    font-size: 6pt;
    margin-bottom: 4px;
}

.banner h1 {
    font-size: 16pt;
    margin-bottom: 4px;
}

header {
    height: 48vh;
}

/*about-area
*/

h2 {
 font-size: 24pt;
 line-height: 48px;
}

p {
 font-size: 12pt;
}

.about-area {
    padding: 50px 0 10px;
}

.abt-left h6,.abt-right h6 {
  font-size: 14pt;
}

.abt-left p,.abt-right p {
  font-size: 12pt;
}

.abt-left {
  padding-right: 0px;
}

.abt-right {
  padding-left: 0px;
}

.plus-btn-area {
    padding: 10px 0 50px;
    text-align: center;
}

.plus-btn-area button {
    width: 35px;
    height: 35px;
    font-size: 22px;
}

/*product-area*/

.accordion ul .on {
    width: 100%;
}

.accordion ul li div {
    height: 400px;
}

.accordion ul li div p {
    font-size: 16px;
    width: 280px;
}

.pro-close img {
    width: 30px;
}

.modal-body, .news-modal .modal-body {
    padding: 0 8px 50px;
}

#pro-modal1 h2 {
    font-size: 14pt;
    line-height: 27px;
}

.pro-txt p, .pro-txt h6 {
    font-size: 10pt;
}

.pro-img img {
    margin-top: 30px;
}
    
.pro-txt-table {
    margin-top: 35px;
}

.table-pro th, .table-pro td {
    font-size: 6pt;

    padding: 5px;
}

.value-left {
    padding: 0;
}

.value-right img {
    position: inherit;
    width: 100%;
}

/*news-area*/

.news-txt h2 {
    font-size: 14pt;
    line-height: 30px;
}

.news-txt p {
    font-size: 10pt;
}


.news-txt h6, .news-txt a {
    font-size: 8.8pt;
    margin-top: 49px;
}

.news-main h2 {
    font-size: 20px;
    line-height: 30px;
}

.news-area p {
    font-size: 14px;
}

.news-main a {
    font-family: poppins-regular;
    font-size: 18px;
}

#owl-demo {
    width: 80%;
    left: calc(10%);
}

#owl-demo .owl-next {
    top: calc(9% - 25px);
    right: -35px;
    font-size: 50px !important;
}

#owl-demo .owl-prev {
    top: calc(9% - 25px);
    left: -35px;
    font-size: 50px !important;
}

/*gallery-area*/


#owl-demo2 .owl-next {
    right: -35px;
    font-size: 50px !important;
    /*top: calc(20%);*/
}

#owl-demo2 .owl-prev {
    left: -35px;
    font-size: 50px !important;
    /*top: calc(20%);*/
}

#owl-demo2 {
    width: 80%;
    left: calc(10%);
}

.gallery-item img.gal-img {
    height: auto;
    width: 270px !important;
}


/*footer*/

.footer img {
    width: 50%;
}

.footer-1 {
    text-align: center;
}

.footer p, .footer a {
    font-size: 18px;
    line-height: 27px;
}

.footer h2 {
    margin-top: 40px;
}

.footer .form-group {
    text-align: left;
}

.footer label,.footer input,.footer textarea,.footer button {
    font-size: 12pt;
}

.copyright {
  padding: 35px 0;
}


.copyright p {
  font-size: 10pt;
}


.scrolltotop {
    margin-right: 12px;
    margin-top: -138px;
}


}




@media only screen and (max-width: 991px) {

    .log-m {
     display: block;
    } 

    .logo-d {
     display: none;
    } 

        .nav-menu {
            position: absolute;
            left: -100%;
            top: 66px;
            flex-direction: column;
            background-color: #fff;
            width: 100%;
            padding-top: 30px;
            padding-bottom: 40px;
            text-align: center;
            transition: 0.3s;
    
        }
    
        .nav-menu.active {
            left: 0;
        }
    
        .nav-item {
            margin: 0.5rem 0;
    
        }
    
        .hamburger {
            display: block;
            cursor: pointer;
            margin-left: 15px;
            margin-right: 15px;
        }
    
        .hamburger.active .bar:nth-child(2) {
            opacity: 0;
        }
    
        .hamburger.active .bar:nth-child(1) {
            -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
        }
    
        .hamburger.active .bar:nth-child(3) {
            -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
        }

        .navbar {
            display: flex;
            justify-content: space-between;
        }

        .nav-menu {
            text-align: left;
            align-items: start;
        }

        .header {
            padding: 6px 0;
            background: #FFD801 !important;
            position: relative;
            z-index: 2;
        }

        .head1 .nav-link {
            padding: 0.5rem 0px;
            color: #000;
            font-size: 10pt;
        }

        .head1 .logo img {
          width: 80px;
        }

        .header> .container {
           max-width: 100% !important;
        }


        .scroll-border {
            display: none;
        }



    }