@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .wrapper {max-width: 1000px;margin: 50px auto;}
    .active-navblock .container{max-width: 1000px;}
    .grid-block .grid-wrap li{padding: 0 20px 0 0;margin-bottom: 40px;}
    .content-wrap{padding: 40px 0 0 0;}
    .grid-block{padding: 20px 0;}
    .grid-lay .title-wrap {padding: 20px 20px 25px 0;}
    .slider-section .about-inner{padding: 0 20px;}

    .contact-details .img-div{height: 230px;width: 230px;top: 114px;}
    .about-section{padding: 40px 0 75px;}
    .bottom-block{padding: 90px 0 0;}
    .small-img{height: 195px;width: 195px;left: -90px;}
    .contact-details {padding: 0 200px 0 0;}
    .bottom-left-block{padding: 0 105px 0 35px;}
    .banner-outerblk:after{right: -50px;top: -37px;}
    .grid-lay::after {right: -34%;}
    .contact-block:before{left: -54%;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .wrapper {max-width: 870px;margin: 50px auto;}
    .active-navblock .container{max-width: 870px;}
    .main-outercon:before,.home .main-outercon:before{width: 2200px;margin-top: -270px;height: 2200px;}
    .header-container .logo-outer,.active-navblock .logo-outer{max-width: 220px;}
    .active-navblock .header-innerblk {top: 65px;}
    .nav-content-blk {padding-top: 80px;}
    .grid-block .grid-wrap li{padding: 0 20px 0 0;margin-bottom: 40px;}
    .content-wrap{padding: 40px 0 0 0;}
    .grid-block{padding: 20px 0;}
    .grid-lay .title-wrap {padding: 20px 20px 25px 0;}
    .slider-section .about-inner{padding: 0 20px;}
    .btn-wrap {margin: 20px 0 0;}
    .pagination {margin: 20px 0 0;padding-right: 20px;}
    .footer-wrap img{width: 220px;}
    .footer-wrap {padding-top: 70px;top: 20px;}

    h2{font-size: 22px;line-height: 26px;}
    .about-section{padding: 40px 0 65px;}
    .contact-details .img-div{height: 180px;width: 180px;top: 134px;}
    .address-block{padding: 60px 0 0;}
    .banner-image{height: 430px;}
    .bottom-left-block{width: 48%;padding: 0 85px 0 35px;}
    .bottom-right-block{width: 52%;}
    .small-img{height: 155px;width: 155px;left: -70px;}
    .bottom-left-block h2 br{display: none;}
    .bottom-block{padding: 50px 0 0;}
    .bottom-left-block h2{padding-bottom: 25px;}
    .contact-details h2{padding-bottom: 25px;}
    .left-content h2{padding-bottom: 25px;}
    .banner-outerblk:after{right: -40px;top: -37px;height: 560px;width: 560px;}
    .grid-lay:after {height: 560px;width: 560px;right: -35%;}
    .contact-block:before{left: -64%;}
    .contact-details {padding: 0 128px 0 0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    h6 {font-size: 14px;line-height: 19px;}
    .wrapper {max-width: 700px;margin: 50px auto;}
    .active-navblock .container{max-width: 700px;}
    .main-outercon:before,.home .main-outercon:before{width: 2200px;margin-top: -270px;height: 2200px;}
    .header-container .logo-outer,.active-navblock .logo-outer{max-width: 220px;}
    .active-navblock .header-innerblk {top: 65px;}
    .nav-content-blk {padding-top: 80px;}
    .grid-block .grid-wrap li{padding: 0 20px 0 0;margin-bottom: 40px;}
    .content-wrap{padding: 20px 0 0 0;}
    .grid-image {height: 180px;}
    .grid-block{padding: 20px 0;}
    .grid-lay .title-wrap {padding: 0 0 15px;}
    .slider-section .about-inner{padding: 0 20px;}
    .btn-wrap {margin: 20px 0 0;}
    .pagination {margin: 20px 0 0;padding-right: 20px;}
    .footer-wrap img{width: 220px;}
    .footer-wrap {padding-top: 70px;top: 20px;}

    h2{font-size: 21px;line-height: 26px;}
    .bottom-left-block{width: 48%;padding: 0 80px 0 20px;}
    .bottom-right-block{width: 52%;}
    .bottom-left-block h2 br{display: none;}
    .small-img{height: 125px;width: 125px;left: -70px;}
    .image-blk{height: 340px;}
    .bottom-block{padding: 50px 0 0;}
    .bottom-left-block h2,.contact-details h2 {padding-bottom: 25px;}
    input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="tel"], textarea{padding: 0 18px;font-size: 13px;}
    textarea{padding: 9px 18px;}
    .about-section{padding: 40px 0 55px;}
    .left-content {padding-right: 20px;}
    .contact-details .img-div{height: 110px;width: 110px;top: 134px;}
    .address-block{padding: 60px 0 0;}
    .contact-details{padding: 0 60px 0 0;}
    .banner-image{height: 350px;}
    .image-slider li{height: 250px;}
    .slick-prev, .slick-next{height: 40px;width: 40px;}
    .slick-next {right: -11px;}
    .slick-prev {left: -11px;}
    .banner-outerblk:after{right: -29px;top: -17px;height: 430px;width: 430px;}
    .grid-lay:after {height: 430px;width: 430px;}
    .contact-block:before{height: 550px;width: 550px;top: -25px;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,.col-xl-auto { width: 100%; max-width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; }
}

@media only screen and (max-width: 767px) {
    .right-navblock {
        top: 0px;
    }
    .about-section .d-none{
        display:block;
    }
    .nav-trigger span{
        width: 25px;
        height: 5px;
    }
    h1{margin: 0 0 10px;}
    .wrapper {max-width: 90%;margin: 20px auto;}
    .active-navblock .container{max-width: 92%;}
    .main-outercon:before,.home .main-outercon:before{width: 1000px;margin-top: -200px;height: 1000px;}
    .header-container .logo-outer,.active-navblock .logo-outer{max-width: 80px;}
    .header-container {height: 55px;padding: 15px 0 10px;}
    .active-navblock .header-innerblk {top: 5px;}
    .nav-content-blk {padding-top: 40px;}
    .main-nav li {line-height: 45px;}
    .main-nav li a {font-size: 12px;}
    .main-nav li.hassub > a:before {left: -14px;}
    /* .main-nav {max-width: 150px;} */
    .btn, button, input[type="submit"]{height: 40px;line-height: 40px;padding: 0 20px;}
    .nav-trigger i {font-size: 12px;position: absolute;padding: 0;right: 0;top: 9px;}
    .nav-trigger span:nth-child(2),.nav-trigger span:nth-child(3) {margin-top: 1px;}
    body {background: url(../images/mobbg.png)no-repeat;}
    .content-wrap {position: relative;z-index: 9;padding: 25px 20px 0;}
    .btn-wrap{margin: 0;}
    .grid-block{padding: 30px 0 0 !important;}
    .grid-block .container{padding: 0;}
    .title-wrap{display: inline-block;margin: 0 0 40px;padding: 0 20px; z-index:5;}
    .grid-block .grid-wrap li{width: 100%;margin: 0 0 45px;padding: 0;}
    .grid-block .grid-wrap li a{width: 100%;}
    .grid-image{margin: 0 0 15px;}
    .grid-content{padding: 0 20px;}
    .details-blk{padding: 0 0 15px;}
    .intro h2{padding: 0 0 10px;}
    .intro {width: 100%;padding: 0 0 15px;}
    .banner-outerblk .container,.slider-section .container{padding: 0;}
    .slider-section .image-slider li{height: 250px;}
    .slider-section .about-inner {padding: 30px 20px 0;}
    .grid-lay .title-wrap {padding: 20px; z-index:10;}
    .pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link {font-size: 0;padding: 0;}
    .pagination .page-item .page-link i{font-size: 12px;line-height: 46px;}
    .pagination{-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;padding-right: 0;margin: 0;}
    .footer-wrap{top: 0;padding-top: 70px;}
    .footer-wrap img{width: 155px; }
    .footer-container{
        top: 10px;
    }
    h2{font-size: 16px;line-height: 1.4;}
    .bottom-block-inner{-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
    .bottom-left-block{width: 100%;text-align: left;padding: 30px 20px 0;}
    .bottom-right-block{width: 100%;}
    .about-section{padding: 30px 0px;}
    .about-inner{-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
    .left-content{width: 100%;padding:0;}
    .right-content{width: 100%;padding: 0;}
    .contact-inner{-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
    .contact-details{width: 100%;padding: 0;}
    .contact-form{width: 100%;padding: 0;}
    .address-block{padding: 0;}
    .contact-block{padding: 0px;}
    input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="tel"], textarea{font-size: 12px;padding: 0 12px;height: 40px}
    textarea{height: 154px;padding: 8px 12px; }
    .contact-form .btn{min-width: 100px;font-size: 12px;}
    .image-blk{height: 180px;}
    .bottom-block{padding: 30px 0px 0;}
    .small-img{width: 107px;height: 107px;top: inherit;bottom: 0;transform: inherit;bottom: inherit;margin: -65px 0 0 25px;position: relative;left: inherit;}
    .contact-details h2{padding: 0 0 20px;}
    .left-content h2{padding: 0 0 20px;}
    .bottom-left-block h2{padding-bottom: 20px;}
    .bottom-left-block h2 br{display: none;}
    .home .banner-image,.banner-image{height: 170px;}
    .slick-prev,.banner-slider .slick-prev{left: inherit;right: 28px;}
    .slick-next,.banner-slider .slick-next {right: 0;}
    .slick-prev,.slick-next,.banner-slider .slick-prev,.banner-slider .slick-next{height: 25px;width: 25px;top: inherit;bottom: 0;transform: translateY(0%);}
    .banner-slider .slick-prev,.banner-slider .slick-next{bottom: 10px;}
    .slick-prev:before,.slick-next:before {font-size: 12px;}
    .banner-outerblk:after{right: -29px;top: -17px;height: 227px;width: 227px;}
    .grid-lay:after{height: 227px;width: 227px;right: -40%;}
    .contact-block:before{right: -29px;left: inherit;height: 518px;width: 518px;display: none;}
    .slider-section.contact-block:before{display: block;right: inherit;left: 50%;height: 790px;width: 790px;z-index: -1;}
    .title-wrap:after {position: absolute;content: "";left: -46%;bottom: -590px;background: url('../images/banner-pattern.png') no-repeat;height: 290px;width: 290px;background-size: 100% 100%;}
}

@media only screen and (max-width: 479px) {
    .main-outercon:before,.home .main-outercon:before{width: 733px;margin-top: -200px;height: 733px;}
    .wrapper..active-navblock .container {max-width: 75%;}
}