/**/

    .wrapper{

        width: 100%;

        padding-left: 50px;

        padding-right: 50px;
    }

/**************************************************/
@media (min-width: 1200px) and (max-width: 1440px) {

    .wrapper{

        width: 100%;

        padding-left: 30px;

        padding-right: 30px;
    }


}


/**************************************************/
@media (min-width: 0px) and (max-width: 1199px) {

    header .social{

        position: absolute;

        margin-right: 70px;

        margin-bottom: 15px;

        top: 30px;

        right: 0;
    }

    header .navbar .navbar-nav{

    max-height: calc(100vh - 150px);

    overflow-y: auto;

    padding-right: 10px;
}

/* width */
header .navbar .navbar-nav::-webkit-scrollbar{
  width: 5px !important;
  height: 5px !important;
}

/* Track */
header .navbar .navbar-nav::-webkit-scrollbar-track{
  background: #f5e7d5; 
  border: 1px solid #f5e7d5;
}
 
/* Handle */
header .navbar .navbar-nav::-webkit-scrollbar-thumb{
  background: #bc863e; 
  border: 1px solid #bc863e;
}

/* Handle on hover */
header .navbar .navbar-nav::-webkit-scrollbar-thumb:hover{
  background: #122565;
  border: 1px solid #122565; 
}
/*****/

    header .navbar .navbar-nav li{

        padding: 0px 0px;
    }

    header .navbar .navbar-nav li .nav-link{

        text-align: right;
    }

    /**/

    header .dropdown .dropdown-menu{

        position: relative !important;

        float: left;

        width: 100%;

        left: unset;

        margin-top: 0px;
    }

    header .navbar .navbar-nav .dropdown .dropdown-menu a{

        text-align: center;
    }

    header .navbar .navbar-nav .sub-drop:hover .dropdown-menu{

        position: relative !important;

        float: left;

        left: unset !important;

        top: unset;

        width: 100%;
    }

    header .navbar .navbar-nav .dropdown .dropdown-menu a.dropdown-toggle::after{

        position: relative;

        top: unset;

        right: unset;
    }

}/*min-width: 0px*/



/**************************************************/
@media (min-width: 992px) and (max-width: 1199px) {

    .wrapper{

        width: 100%;

        padding-left: 30px;

        padding-right: 30px;
    }

    header .navbar .navbar-brand{

        margin: 0px 8%;
    }

    section.banner .banner-carousel .owl-item.active .item .caption{

        width: 75%;
    }

    section.about .about-inn .cntnt{

        padding: 5% 5% 5% 5%;
    }

    section.services .service-inn{

        padding-left: 8%;
    }

    section.about .about-inn{

        padding-left: 8%;
    }

    section.newsevents .head{

        padding-left: 8%;
    }

    section.counter .counter-inn{

        padding: 0% 8%;
    }

    footer .footer-inn,
    footer .footer-bot{

        padding-left: 0%;
    }

    footer .footer-inn .footlinks{

        width: 65%;
    }

    footer .footer-inn .footlogo{

        width: 35%;
    }

    /**/

    section.inner-banner .inner-inn{

        padding-left: 8%;
    }

    /**/

    section.about-pge .about-pge-inn{

        padding-left: 8%;
    }

    section.about-pge .about-pge-inn figure{

        width: 250px;

        max-height: 350px;
    }

    section.about-pge .about-pge-inn .cntnt{

        padding: 5% 5% 5% 5%;

        width: calc(100% - 250px);
    }

    section.misvis .misvis-inn{

        padding: 0% 8%;
    }

    section.misvis .misvis-inn .row {

        margin-right: -20px;

        margin-left: -20px;
    }

    section.misvis .misvis-inn .row .col-md-6{

        padding-right: 20px;

        padding-left: 20px;
    }

    /**/

    section.service-pge .service-pge-inn{

        padding-left: 8%;
    }

    section.service-pge .service-pge-inn figure{

        width: 250px;

        max-height: 350px;
    }

    section.service-pge .service-pge-inn .cntnt{

        padding: 5% 5% 5% 5%;

        width: calc(100% - 250px);
    }

    /**/

    section.newsevents-pge .newsevents-pge-inn{

        padding: 0% 8%;
    }

    /**/

    section.newsdtls-pge .newsdtls-pge-inn,
    section.newssmlr .newssmlr-inn{

        padding: 0% 8%;
    }


    /**/

    section.contact-pge .contact-pge-inn{

        padding: 0% 8%;
    }

    section.contact-pge .contact-pge-inn figure{

        width: 270px;
    }

    section.contact-pge .contact-pge-inn .cntnt{

        width: calc(100% - 270px);

        padding: 0% 0% 5% 5%;
    }

}


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

    .wrapper{

        width: 100%;

        padding-left: 15px;

        padding-right: 15px;
    }

    header .navbar .navbar-brand{

        margin: 0px 5%;
    }

    section.banner .banner-carousel .owl-item.active .item .caption{

        width: 100%;

        left: 0;
    }

    section.banner .banner-carousel .owl-stage {

        left: -60px;        
    }

    section.banner .banner-carousel .item .caption{

        left: -280px;
    }

    section.about .about-inn .cntnt{

        padding: 5% 5% 5% 5%;
    }

    section.services .service-inn{

        padding-left: 5%;
    }

    section.about .about-inn{

        padding-left: 5%;
    }

    section.newsevents .head{

        padding-left: 5%;
    }

    section.counter .counter-inn{

        padding: 0% 5%;
    }

    footer .footer-inn,
    footer .footer-bot{

        padding-left: 0%;
    }

    footer .footer-inn .footlinks{

        width: 60%;
    }

    footer .footer-inn .footlinks .office{

        margin-bottom: 30px;
    }

    footer .footer-inn .footlogo{

        width: 40%;
    }

    footer .footer-inn .footlogo img{

        max-width: 100px;
    }

    /**/

    section.inner-banner .inner-inn{

        padding-left: 5%;
    }

    /**/

    section.about-pge .about-pge-inn{

        padding-left: 5%;
    }

    section.about-pge .about-pge-inn figure{

        width: 250px;

        max-height: 500px;
    }

    section.about-pge .about-pge-inn .cntnt{

        padding: 5% 5% 5% 5%;

        width: calc(100% - 250px);
    }

    section.about-pge .about-pge-inn .cntnt h2 br{

        display: none;
    }

    section.misvis .misvis-inn{

        padding: 0% 5%;
    }

    section.misvis .misvis-inn .row {

        margin-right: -15px;

        margin-left: -15px;
    }

    section.misvis .misvis-inn .row .col-md-6{

        padding-right: 15px;

        padding-left: 15px;
    }

    /**/

    section.service-pge .service-pge-inn{

        padding-left: 5%;
    }

    section.service-pge .service-pge-inn figure{

        width: 250px;

        max-height: 500px;
    }

    section.service-pge .service-pge-inn .cntnt{

        padding: 5% 5% 5% 5%;

        width: calc(100% - 250px);
    }

    section.service-pge .service-pge-inn .cntnt h2 br{

        display: none;
    }

    /**/

    section.newsevents-pge .newsevents-pge-inn{

        padding: 0% 5%;
    }

    section.newsevents-pge .newsevents-pge-inn .news-item .cntnt{

        padding: 30px 20px;
    }

    /**/

    section.newsdtls-pge .newsdtls-pge-inn,
    section.newssmlr .newssmlr-inn{

        padding: 0% 5%;
    }

    section.newsdtls-pge .newsdtls-pge-inn .news-item .cntnt{

        padding-left: 20px;
    }


    /**/

    section.contact-pge .contact-pge-inn{

        padding: 0% 5%;
    }

    section.contact-pge .contact-pge-inn .cntnt{

        padding: 0% 0% 5% 6%;
    }

}


/**************************************************/
@media (min-width: 0px) and (max-width: 767px) {

     .wrapper{

        width: 100%;

        padding-left: 5px;

        padding-right: 5px;
    }

    header .navbar .navbar-brand{

        margin: 0px 5%;
    }

    section.banner .banner-carousel .owl-item.active .item .caption{

        width: 100%;

        left: 0;
    }

    section.banner .banner-carousel .owl-stage {

        left: -50px;
    }

    section.banner .banner-carousel .item .caption{

        left: -300px;
    }

    section.about .about-inn .cntnt{

        padding: 5% 5% 5% 5%;
    }

    section.services .service-inn{

        padding-left: 5%;
    }

    section.about .about-inn{

        padding-left: 5%;
    }

    section.newsevents .head{

        padding-left: 5%;
    }


    section.services .service-inn .carousel-area ul.tagimages{

        width: 100px;
    }

    section.services .service-inn .carousel-area ul.tagimages li a{

        height: 90px;
    }

    section.services .service-inn .head{

        padding: 40px 0px 20px 0px;
    }

    section.services .service-inn .head ul.tagheads{

        position: relative;

        float: left;

        width: calc(100%);

        right: unset;

        bottom: unset;

        margin-top: 20px;
    }

    section.services .service-inn .carousel-area .service-carousel{

        width: calc(100% - 115px);
    }

    section.services .service-inn .carousel-area .item{

        height: 390px;
    }

    section.services .service-inn .carousel-area .item .caption{

        width: 350px;

        padding: 30px 30px;
    }

    section.about .about-inn .cntnt .column{

        column-count: 1;
    }

    section.intouch .intouch-inn{

        display: block;
    }

    section.intouch .maparea{

        width: 100%;

        height: 300px;

        padding: 0px 10%;
    }

    section.intouch .maparea:before{

        width: 100%;

        height: 30px;

        top: unset;

        bottom: 0px;
    }

    section.intouch .formarea{

        width: 100%;

        padding: 50px 8%;
    }

    section.intouch .formarea .form-box .form-inn{

        max-width: unset;
    }

    section.counter .counter-inn{

        padding: 0% 5%;
    }

    section.counter li .counter-value,
    section.counter li p{

        width: 100%;

        text-align: center;
    }



    footer .footer-inn,
    footer .footer-bot{

        padding-left: 0%;
    }

    footer .footer-inn .footlinks{

        width: 65%;
    }

    footer .footer-inn .footlinks .office{

        margin-bottom: 30px;
    }

    footer .footer-inn .footlogo{

        width: 35%;
    }

    footer .footer-inn .footlogo img{

        max-width: 90px;
    }

    /**/

    section.inner-banner .inner-inn{

        padding-left: 5%;
    }

    section.inner-banner .inner-inn h4{

        font-size: 22px;
        
        line-height: 22px;
    }

    /**/

    section.about-pge .about-pge-inn{

        padding-left: 5%;
    }

    section.about-pge .about-pge-inn figure{

        width: 250px;

        max-height: 500px;
    }

    section.about-pge .about-pge-inn .cntnt{

        padding: 5% 5%;

        width: calc(100% - 250px);
    }

    section.about-pge .about-pge-inn .cntnt h2 br{

        display: none;
    }

    section.about-pge .about-pge-inn .cntnt .column{

        column-count: 1;
    }

    section.misvis{

        padding: 30px 0px;
    }

    section.misvis .misvis-inn{

        padding: 0% 5%;
    }

    section.misvis .misvis-inn .row {

        margin-right: -15px;

        margin-left: -15px;
    }

    section.misvis .misvis-inn .row .col-md-6{

        padding-right: 15px;

        padding-left: 15px;
    }

    section.misvis .misvis-inn .comstyle{

        margin: 20px 0px;
    }

    /**/

    section.service-pge .service-pge-inn{

        padding-left: 5%;
    }

    section.service-pge .service-pge-inn figure{

        width: 250px;

        max-height: 500px;
    }

    section.service-pge .service-pge-inn .cntnt{

        padding: 5% 5%;

        width: calc(100% - 250px);
    }

    section.service-pge .service-pge-inn .cntnt h2 br{

        display: none;
    }

    section.service-pge .service-pge-inn .cntnt .column{

        column-count: 1;
    }

    /**/

    section.newsevents-pge .newsevents-pge-inn{

        padding: 0% 5%;
    }

    /**/

    section.newsdtls-pge .newsdtls-pge-inn,
    section.newssmlr .newssmlr-inn{

        padding: 0% 5%;
    }

    section.newsdtls-pge .newsdtls-pge-inn .news-item figure{

        width: 100%;

        margin-bottom: 20px;
    }

    section.newsdtls-pge .newsdtls-pge-inn .news-item .cntnt{

        width: 100%;

        padding-left: 0px;
    }

    /**/

    section.contact-pge .contact-pge-inn{

        padding: 0% 5%;
    }

    section.contact-pge .contact-pge-inn figure{

        width: 220px;
    }

    section.contact-pge .contact-pge-inn .cntnt{

        width: calc(100% - 220px);

        padding: 0% 0% 5% 5%;
    }

    section.contact-pge .contact-pge-inn .cntnt .inside h2, 
    section.contact-pge .contact-pge-inn .cntnt .social h2{

        font-size: 18px;

        margin-top: 0px;
    }
}

/**************************************************/
@media (min-width: 0px) and (max-width: 575px) {


     .wrapper{

        width: 100%;

        padding-left: 0px;

        padding-right: 0px;
    }

    section.banner .banner-carousel .owl-item.active .item .caption h4{

        font-size: 22px;

        line-height: 30px;
    }

    section.banner .banner-carousel .owl-stage {

        left: -40px;
    }

    section.banner .banner-carousel .item .caption{

        left: calc(-100% + 80px);

        width: calc(100%);
    }

    section.banner .banner-carousel .owl-nav{

        left: calc(-100% + 80px);

        width: calc(100%);
    }

    section.services .service-inn .carousel-area ul.tagimages{

        display: flex;

        width: 100%;

        margin-right: 0px;

        justify-content: space-between;
    }

    section.services .service-inn .carousel-area ul.tagimages li{

        width: 24%;
    }

    section.services .service-inn .carousel-area .service-carousel{

        width: 100%;
    }

    section.services .service-inn .head ul.tagheads{

        display: flex;

        justify-content: space-evenly;
    }

    section.services .service-inn .head ul.tagheads li{

        padding: 0px;
    }

    section.services .service-inn .head ul.tagheads li a{

        font-size: 12px;

        line-height: 12px;
    }

    section.services .service-inn .carousel-area .item .caption{

        width: 90%;
    }


    section.about .about-inn{

        display: block;
    }

    section.about .about-inn figure{

        width: 100%;

        margin-bottom: 15px;
    }

    section.about .about-inn .cntnt{

        width: 100%;

        padding: 5% 0%;
    }

    section.counter .counter-inn{

        padding: 0% 0%;
    }

    section.counter li .counter-value{

        font-size: 36px;
    }

    footer .footer-inn,
    footer .footer-bot{

        padding-left: 0%;
    }

    footer .footer-inn{

        display: block;
    }

    footer .footer-inn .footlinks{

        width: 100%;
    }

    footer .footer-inn .footlogo{

        width: 100%;

        height: 100px;
    }

    footer .footer-inn .footlogo img{

        max-width: 90px;
    }

    footer .social ul{

        width: 100%;

        text-align: center;
    }

    footer .social ul li{

        float: none;

        padding: 0px 11px;
    }

    footer .copyright{

        width: 100%;

        text-align: center;

        margin-top: 20px;
    }

    /**/

    section.inner-banner .inner-inn h4{

        font-size: 22px;
        
        line-height: 22px;
    }

    section.about-pge .about-pge-inn{

        display: block;
    }

    section.about-pge .about-pge-inn figure{

        width: 100%;
    }

    section.about-pge .about-pge-inn .cntnt{

        width: 100%;

        padding: 5% 0%;
    }

    /**/

    section.service-pge .service-pge-inn{

        display: block;
    }

    section.service-pge .service-pge-inn figure{

        width: 100%;
    }

    section.service-pge .service-pge-inn .cntnt{

        width: 100%;

        padding: 5% 0%;
    }

    /**/


    section.newsevents-pge .newsevents-pge-inn .news-item .cntnt{

        padding: 30px 20px;
    }

    /**/

    section.newssmlr .newssmlr-inn .news-item .cntnt{

        padding: 30px 20px;
    }

    /**/

    section.contact-pge .contact-pge-inn{

        display: block;
    }

    section.contact-pge .contact-pge-inn figure{

        width: 100%;
    }

    section.contact-pge .contact-pge-inn .cntnt{

        width: 100%;

        padding: 40px 0px;

        padding-bottom: 0px;
    }


}


/**************************************************/
@media (min-width: 0px) and (max-width: 500px) {


}




/**************************************************/
@media (min-width: 0px) and (max-width: 470px) {

    header .social{

        display: none;
    }

    section.banner .banner-carousel .owl-stage {

        left: -20px;
    }

    section.banner .banner-carousel .item .caption{

        left: calc(-100% + 40px);

        width: calc(100%);
    }

    section.banner .banner-carousel .item .caption h4{

        font-size: 16px;

        line-height: 20px;

        left: 20px;

        right: 20px;
    }

    section.banner .banner-carousel .owl-item.active .item .caption h4{

        left: 20px;

        right: 20px;

        font-size: 20px;

        line-height: 24px;
    }

    section.banner .banner-carousel .owl-nav{

        left: calc(-100% + 40px);

        width: calc(100%);
    }

    section.services .service-inn .head ul.tagheads{

        justify-content: space-between;
    }


    section.services .service-inn .head ul.tagheads li a{

        font-size: 11px;

        line-height: 11px;
    }

    section.counter li .counter-value {

        font-size: 28px;
    }

    section.counter li p{

        font-size: 10px;

        line-height: 14px;

        margin: 0px;
    }

    /**/

    section.newsevents-pge .newsevents-pge-inn .row{

        margin-right: -15px;

        margin-left: -15px;
    }

    section.newsevents-pge .newsevents-pge-inn .row .col-6{

        padding-right: 15px;

        padding-left: 15px;

        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    section.newsevents-pge .newsevents-pge-inn .news-item .cntnt{

        padding: 30px 30px;
    }

    /**/

    section.contact-pge .contact-pge-inn .cntnt{

        padding-bottom: 0px;
    }

    section.contact-pge .contact-pge-inn .cntnt .col-6{

        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }



}