@media(max-width:1920px){

    .container {max-width: 1600px;}

    .three-box{margin-top: -400px !important;}

}


@media(max-width:1800px){

    .three-box {margin-top: -200px !important;}

    .header .navbar-nav.ml-auto {margin-left: auto !important;}

}


@media(max-width:1600px){

    .container {max-width: 1300px;}

    .heading, .know .text-know .heading {font-size: 40px;}

    .know .text-know ul li{font-size: 22px;}

    .three-box {margin-top: -200px;}

    .header .navbar-nav .nav-link{margin-right: 20px;}

    .header .navbar-brand {width: 250px; height: auto;}

    .banner .text{width: 100% !important;}
   

}


@media(max-width:1500px){

    .container {max-width: 1300px;}

    .services .services-width, .why-we .why-width {width: 100%;}

    .services .services-icon .icon-one {padding: 5px;}

    .three-box {margin-top: -100px !important;}

    .heading, .know .text-know .heading {font-size: 35px;}

    .know .text-know .heading{margin-bottom: 30px;}

    .know .text-know{padding: 60px;}
   
}

@media(max-width:1400px){


    .container {max-width: 1140px;}

    .header .navbar-nav .nav-link{font-size: 16px;}

    .banner .text h3 { font-size: 65px;}

    .banner .text p {margin-top: 30px; font-size: 25px;}

    .services .services-icon .icon-one h3{font-size: 20px; margin-bottom: 15px;}

    .three-box {margin-top: -50px !important;}

    .three-text .img {padding: 0px 50px 0 50px;}

    .three-text .text {padding: 30px 50px;}

    .three-text{padding: 50px 0px;}

    .bg p {font-size: 25px;}

    .why-we .why-inner .des{padding: 30px;}

    .why-we .why-inner{margin-top: 50px;}

    .why-we .why-inner .des p{font-size: 16px;}

    .why-we .why-inner .des h3{font-size: 22px;}

    .header .navbar-nav.calling .nav-link img { margin-right: 10px;}

    .header {padding: 15px 0;}


    .services, .why-we{padding: 100px 0 100px 0;}

    .feed-back {padding-top: 100px;}


    .inner-services .text-know{padding: 50px}

    .inner-services .text-know p{font-size: 18px;}

    .inner-services .text-know ul li{font-size: 22px;}

}





@media(max-width:1280px){


    .three-box {margin-top: 70px;}

    p {font-size: 16px;}

    .three-text .text p {font-size: 16px;}

    .footer .img-text .text a{font-size: 14px;}

    .footer .text-right ul li a{font-size: 14px;}

    .footer .text-left p{font-size: 14px;}

    .heading, .know .text-know .heading{font-size: 30px;}

    .why-we .why-inner h3{font-size: 22px;}

    .know .text-know ul li {font-size: 20px;}

    .feed-back .feed-back-slider .image img{width: 70px; height: 70px;}

    .about .about-text {padding: 40px;}

    .feed-back .feed-back-slider .image .text .who{font-size: 22px;}

    .footer .img-text-ul h3{font-size: 18px;}

    .banner .text h3 {font-size: 45px;}

    .banner .text p {margin-top: 30px; font-size: 18px;}

    .know .text-know ul li{margin-bottom: 15px;}


}


@media(max-width:1024px){


    .header .navbar-brand { width: 200px;}

    .header .navbar-nav .nav-link {font-size: 14px;}

    .three-text {padding: 30px 0px;}

    .heading, .know .text-know .heading{font-size: 25px;}

    .inner-services .text-know p{font-size: 16px;}


}

@media(max-width:991px){


    .header .navbar-nav .nav-link {margin-right: 0px;margin-bottom: 15px;}

    .header .navbar-nav.social{ flex-direction: row !important;}

    .navbar-toggler{background-color: #81a51b !important; border: 1px solid white !important; border-radius: 0px}

    .navbar-light .navbar-toggler-icon {background-image: url(../images/icon/hamburger.png); margin-top: 4px;}

    .contact .get-in-touch .icon-text .icon {margin: 0 15px 0 0;}


}


@media(max-width:768px){

    .banner .owl-prev, .banner .owl-next{width: 40px; height: 40px;}

    .banner .owl-prev img,  .banner .owl-next img{width: 10px;}

    .services .services-icon { margin-top: 30px;}

    .services .services-icon .icon-one {padding: 0;}

    .services .services-icon .margin{margin-top: 30px;}

    .services, .why-we {padding: 50px 0 50px 0;}

    .three-box {margin-top: 50px !important;}

    .three-text .text {padding: 15px;}

    .about .about-text {padding: 15px;}

    .about .about-text p { margin-bottom: 15px;}

    .know .text-know {padding: 15px;}
    
    .why-we .why-inner{padding: 15px;}

    .know .text-know ul li {font-size: 18px;}

    .why-we .why-inner .des {padding: 15px;}

    .why-we .why-inner .des h3 {font-size: 18px;}


    .three-text .img {padding: 0px 15px 0 15px;}
    

    .why-we .why-inner img {margin-bottom: 20px;}

    .why-we .why-inner h3 {font-size: 18px;}

    .line { margin: 25px auto  25px auto;}

    .feed-back .feed-back-slider .image .text .who {font-size: 18px; }

    .feed-back .feed-back-slider .image .text .para {width: 100%; }

    .feed-back .feed-back-slider .image img {margin: 30px auto;}

    .footer .margin-right{border-right: unset;}

    .footer .margin-top{margin-top: 30px;}

    .footer {padding: 50px 0 30px 0;}

    .three-text {padding: 15px 0px;}

    .padding-top {padding-top: 50px;}

    .padding-bottom {padding-bottom: 50px;}

    .feed-back {padding-top: 50px;}

    .logo {margin-top: 50px; margin-bottom: 50px;}

    .inner-banner h5 {font-size: 25px;}

    .inner-banner{padding: 60px 0;}

    .inner-services .text-know ul li{font-size: 18px; margin-bottom: 15px;}

    .inner-services .text-know{padding: 30px;}

   
    



}

@media(max-width:767px){

    .inner-services{padding: 50px 0;}

    .inner-services .re{flex-flow: column-reverse;}

    .contact .form {padding: 30px; margin-top: 30px;}

}


@media(max-width:600px){

    .header {padding: 8px 0;}

    .navbar{padding: 0;}

    .header .navbar-brand { width: 280px; margin-right: 0px;}

    .banner .text h3 {font-size: 30px;}

    .banner .text p {margin-top: 15px; font-size: 16px;}

    .banner .owl-prev{left: 15px;}

    .banner .owl-next{right: 15px;}

    .services .services-icon .icon-one.last { margin-bottom: 0px;}

    .services .services-icon .icon-one{margin-bottom: 30px;}

    .services .services-icon .margin {margin-top: 0px;}

    .three-text {padding: 30px 0px; margin-bottom: 30px;}

    .three-text.last{margin-bottom: 0px;}

    .about .about-text {padding: 30px;}

    .line-two { margin: 20px 0 20px 0;}

    .about .about-text .bttn { margin-top: 0px;}

    .footer .margin-right {border-right: unset;margin-bottom: 30px; }

    .footer .margin-top {margin-top: 0px;}

    .footer .img-text {margin-bottom: 0px;}

    .footer .text-right { width: 100%; text-align: left !important; margin-top: 15px; float: left;}

    .footer .text-left {float: left; width: 100%; }

    .know{margin-bottom: 50px;}

    .bg {padding: 50px 0 50px 0;}

    .bg p {font-size: 18px;}

    .know .text-know {padding: 30px;}

    .contact .form {padding: 15px;}

    .contact .get-in-touch .icon-text .icon{width: 20%;}

    .contact .form .bttn {margin-top: 15px;}
        
    


}


@media(max-width:500px){

    .inner-services .text-know{padding: 15px;}

    .banner .text h3 {font-size: 25px;}

    .banner .text p{font-size: 14px;}

    .about .about-text { padding: 15px;}

    .know .text-know {padding: 15px;}

    p, .three-text .text p, .why-we .why-inner .des p, .know .text-know ul li, .bg p, .inner-services .text-know p {font-size: 14px;}

    .inner-services .text-know ul li{font-size: 14px;}

    .footer .text-right ul li a {font-size: 11px;}

}



@media(max-width:375px){

    .banner .text h3 {font-size: 18px;}

    .banner .text p {font-size: 10px;}

    .owl-theme .owl-dots, .owl-theme .owl-nav{display: none;}

    .header .navbar-brand { width: 215px; margin-right: 0px;}

}