

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

 .main-nav .navbar .container-fluid {

        padding: 0 100px !important;

    }

   

}





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

    .main-nav .navbar .container-fluid {

        padding: 0 60px !important;

    }

    

   

   

}



@media only screen and (max-width:1199px){
    .navbar-brand img {
        width: 72px;
    }
    .logo-txt {
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 32px;
        margin-left: 14px;
    }
    .main-nav .navbar .navbar-nav li a {
        color: #000;
        font-size: 16px;
        /* font-weight: 500; */
        /* text-transform: uppercase; */
        /* padding-left: 33px; */
        padding: 0 14px !important;
    }



    a.nav-btn2 {

        display: inline-block;

        background: #00715d;

        color: #fff;

        padding: 7px 13px;

        font-size: 16px;

        border-radius: 5px;

    }

   



    

   

    





   

}





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



   



    #main2{

        display: inline-block;

    }



    .navbar-brand img {

        width: 70px;

    }



    .main-nav .navbar .container-fluid {

        padding: 0 15px !important;

    }



    .logo-txt {
       font-size: 18px;
       letter-spacing: 1px;
       margin-top: 35px;
       margin-left: 15px;
    }



    .navbar-dark .navbar-toggler {

        color: rgba(255,255,255,.5);

        border-color: rgba(255,255,255,.1);

        background: #000;

    }



    a.nav-btn2 {

        padding: 7px 16px;

        font-size: 16px;

        border-radius: 5px;

        margin-left: -177px;

    }



    .bc-img {

        min-height: 430px;

    }



    .ab-header {

        

        font-size: 32px;

    }



    .ab-header2 {

        font-size: 32px;

        position: relative;

        margin-bottom: 68px;

    }



    p.ab-para {

        font-size: 18px;

    }



    a.ab-link {

        padding: 8px 30px;

       

    }



    .pro-container {

        width: 95% !important;

        margin: 0 auto !important;

    }



    .pro-img {

        height: 452px;

    }



    .pro-title {

       

        margin-bottom: 22px;

    }



    .product {

        margin-top: 50px;

    }



    .cu-container {

        width: 95%;

        

    }



    p.cu-para {

       

        margin-bottom: 42px;

    }



    p.cu-para2 {

     

    }



    .find {

        margin-top: 47px;

    }



    .bl-img {

      height: 216px;

    }



    h5.bl-date {

      top: 190px;

    }



    .bl-box {

        margin-bottom: 25px;

    }



    .client {

      margin-top: 45px;

        

    }



    .ftr-container {

        width: 61%;

      

        margin: 0 0 0 20px !important;

    }



    .ftr-2 {

        margin-left: 0;

        padding: 30px 0;

    }



    



    .brk {

        display: none;

    }



    .main-nav .navbar .navbar-nav li a {

        color: #000;

        font-size: 18px;

        /* font-weight: 500; */

        /* text-transform: uppercase; */

        /* padding-left: 33px; */

        padding: 8px 0px !important;

    }



    .con-padding {

        padding: 100px 0;

    }



    h5.abt-header {

       font-size: 35px;

       margin-bottom: 7px;

        margin-left: 0;

    }



    .get {

        margin-top: 50px;

    }



    .get-container {

        width: 95%;

        margin: 0 auto;

    }



    .brk2{

        display: none;

    }



    h3.direct-header {

        font-size: 26px;

    }



    p.direct-para {

        font-size: 17px;

        color: #797979;

        line-height: 22px;

        text-align: justify;

        margin-bottom: 1.25rem;

        border-bottom: 1px solid #c8c8c8;

        padding-bottom: 21px;

        margin-bottom: 21px;

    }



    .get-1 {

        margin-left: 13.33%;

        margin-top: 11%;

    }



    .des-container {

        width: 95%;

        margin: 0 auto;

    }



    h5.abt-header2.a-font2 {

        font-size: 45px;

        color: #fff;

        letter-spacing: 4px;

    }



    h5.abt-header {

        font-size: 30px;

        margin-bottom: 7px;

        margin-left: 0;

    }



    .product-des {

        margin-top: 50px;

    }



    h5.des-title {

        font-size: 25px;

        color: #000000;

        letter-spacing: 2px;

        margin-top: 15px;

        margin-bottom: 48px;

        position: relative;

        /* font-weight: 600; */

    }



    .des-title::before {

       left: 44%;

    }



    .ge-container {

        width: 92%;

    }



    .ov-rt {

        margin-left: 0;

        margin-top: 25px;

    }



    .or-img {

        margin-left: 0;

    }







}





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



    #body .container {

        max-width: 540px !important;

    }



    .navbar-brand img {

        width: 60px;

    }



    .logo-txt {
        font-size: 15px;
        margin-top: 27px;
        margin-left: 9px;
    }

    a.nav-btn2 {

        padding: 5px 11px;

        font-size: 15px;

        border-radius: 5px;

        margin-left: -72px;

    }



    .main-nav .navbar .navbar-nav li a {

        font-size: 17px;

        padding: 6px 0 !important;

    }



    .bc-img {

        min-height: 350px;

    }



    .ab-header {

        font-size: 28px;

    }



    .ab-header2 {

        font-size: 28px;

        position: relative;

        margin-bottom: 65px;

    }



    .ab-header2::before {

        left: 46%;

        bottom: -34px;

    }



    .about {

        margin-top: 55px;

    }



    p.ab-para {

        font-size: 16px;

    }



    a.ab-link {

        padding: 6px 25px;

       

    }



    .pro-title {

       

    }



    .product {

        margin-top: 40px;

    }











    .p-btm {

        margin-bottom: 18px;

    }



    .customer {

        margin-top: 20px;

    }



    p.cu-para {

       

        margin-bottom: 35px;

        line-height: 30px;

    }



    p.cu-para2 {

       

        padding-bottom: 45px;

    }



    .find {

        margin-top: 42px;

    }



    .blog {

        margin-top: 48px;

    }



    .bl-img {

        height: 311px;

    }



    h5.bl-date {

        top: 282px;

    }



    h4.bl-title a {

      font-size: 20px;

    }



    .client {

        margin-top: 35px;

    }



    .ftr-3 {

        margin-bottom: 22px;

    }



    .ftr-2 {

        margin-left: 0;

        padding: 22px 0;

    }



    .get-1 {

        margin-left: 0;

        margin-top: 0;

    }



    h5.abt-header2.a-font2 {

        font-size: 37px;

        color: #fff;

        letter-spacing: 4px;

    }



    h5.abt-header {

        font-size: 27px;

        margin-bottom: 7px;

        margin-left: 0;

    }



    .product-des {

        margin-top: 40px;

    }



    .abt-list2 li a {

        color: #6e6e6e;

        font-size: 14px;

        text-transform: uppercase;

        font-weight: 600;

        letter-spacing: 2px;

    }



    h5.des-title {

        font-size: 23px;

        color: #000000;

        letter-spacing: 2px;

        margin-top: 15px;

        margin-bottom: 48px;

        position: relative;

        /* font-weight: 600; */

    }



    .d-lft {

        margin-left: 0;

    }



    .customize {

        margin-top: 50px;

    }



    .overview {

        margin-top: 50px;

    }



    .para-title {

      

        font-size: 35px;

        margin-bottom: 10px;

        line-height: 45px;

      

    }



    p.e-para {

        color: #e8e8e8;

        font-size: 17px;

        padding: 0;

        margin-bottom: 26px;

    }



    .paralox {

        margin-top: 60px;

        padding: 60px 0;

    }

   

}



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



    .main-nav .navbar .container-fluid {

        padding: 0 0 !important;

    }



    .navbar-brand img {

        width: 50px;

    }



    .logo-txt {
        font-size: 13px;
        margin-top: 24px;
        margin-left: 8px;
    }



    a.nav-btn2 {

        padding: 3px 7px;

        font-size: 14px;

        border-radius: 5px;

        margin-left: -72px;

    }



    .bc-img {

        min-height: 277px;

    }



    .ab-header {

        font-size: 22px;

    }



    .ab-header2 {

        font-size: 22px;

        position: relative;

        margin-bottom: 57px;

    }



    .ab-header2::before {

        left: 46%;

        bottom: -29px;

        height: 4px;

    }



    p.ab-para {

        margin-bottom: 22px;

    }



    .pro-title {

       

        margin-bottom: 20px;

    }



    .pro-img {

        height: 280px;

    }





h5.pd-header.text-center a{font-size:18px;}



    p.cu-para {

       

        margin-bottom: 28px;

        line-height: 27px;

    }



    p.cu-para2 {

        

        padding-bottom: 38px;

    }



    .find {

        margin-top: 38px;

    }



    .bl-img {

        height: 271px;

    }



    h5.bl-date {

        top: 244px;

    }



    .client {

        margin-top: 25px;

    }



    .owl-carousel .owl-item img {

        display: block;

        width: 188px;

        margin: 0 auto;

    }



    .client {

       padding: 35px 0;

    }



    .ftr-bg {

        padding: 40px 0;

    }



    h5.abt-header {

        font-size: 28px;

        margin-bottom: 7px;

        margin-left: 0;

    }



    .abt-list li a {

        color: #fff;

        display: inline-block;

        font-size: 13px;

        text-transform: uppercase;

        font-weight: 600;

        letter-spacing: 3px;

    }



    .con-padding {

        padding: 80px 0;

    }



    .get {

        margin-top: 40px;

    }



    h3.direct-header {

        font-size: 24px;

    }



    p.direct-para {

        font-size: 17px;

        color: #797979;

        line-height: 24px;

        text-align: justify;

        margin-bottom: 1.25rem;

        border-bottom: 1px solid #c8c8c8;

        padding-bottom: 24px;

        margin-bottom: 19px;

    }



   


	.navbar{padding:.5rem 0rem;}
	.navbar-dark .navbar-brand{margin-left:15px;}

    .logo-txt {
      /*display: none;*/
    }
	.nav-btn{display:none;}


    a.nav-btn2 {

      margin-left: -27px;

    }



    .bc-img {

        min-height: 204px;

    }



    .about {

        margin-top: 40px;

    }



    .ab-header {

        font-size: 22px;

    }



    .ab-header2 {

        font-size: 19px;

        margin-bottom: 50px;

    }



    .ab-header2::before {

        left: 42%;

        bottom: -22px;

        height: 4px;

    }



    .ab-header2::before {

        left: 42%;

        bottom: -27px;

        height: 4px;

    }



    a.ab-link {

        padding: 5px 22px;

      

    }



    .pro-title {

      

        margin-bottom: 20px;

    }








    p.cu-para {

       

        margin-bottom: 18px;

        

    }



    p.cu-para2 {

      

        padding-bottom: 30px;

    }



    .find {

        margin-top: 30px;

    }



    .bl-img {

        height: 201px;

    }



    h5.bl-date {

        top: 175px;

    }



    .bl-text {

      padding: 20px;

    }



    .bl-com {

        margin-left: -20px;

    }



    h4.bl-title a {

        font-size: 18px;

    }



    p.bl-para2 {

       

        

        margin-bottom: 0;

    }



    .owl-carousel .owl-item img {

        display: block;

        width: 150px;

        margin: 0 auto;

    }



    .client {

        padding: 25px 0;

    }



    .ftr-container {

        width: 75%;

        margin: 0 0 0 20px !important;

    }



    .footer .form-control {

      

        height: 38px;

       

    }



    a.frm-link i {

       

        padding: 7px 8px;

        font-size: 15px;

        

    }



    .frm-btn {

        position: absolute;

        top: 5px;

        right: 5px;

    }



    .con-padding {

        padding: 50px 0;

    }



    input.get-link {

        background-color: #00715d;

        color: #fff;

        font-weight: 500;

        font-size: 15px;

        border: none;

        padding: 7px 37px;

        margin-top: -5px;

        transition: all 0.5s ease;

        width: 100%;

    }



    h5.co-header {

        font-size: 17px;

        font-weight: 600;

        color: #00715d;

        /* border-top: 1px solid #c8c8c8; */

    }



    h5.co-cap {

        font-size: 16px;

        margin-bottom: 7px;

    }



    .co-list li a h5 {

        font-size: 15px;

        color: #6a6a6a;

        line-height: 28px;

        margin-bottom: 18px;

    }



    .co-list li a i {

        font-size: 12px;

        color: #00715d;

        /* transform: translate(10px, 10px); */

        transform: translateY(4px);

        margin-right: 12px;

    }



    h5.abt-header2.a-font2 {

        font-size: 30px;

        color: #fff;

        letter-spacing: 4px;

    }



    h5.abt-header {

        font-size: 23px;

        margin-bottom: 7px;

        margin-left: 0;

    }



    h5.des-title {

        font-size: 20px;

        color: #000000;

        letter-spacing: 2px;

        margin-top: 9px;

        margin-bottom: 46px;

        position: relative;

        /* font-weight: 600; */

    }



    .des-title::before {

        content: "";

        width: 85px;

        height: 3px;

        background-color: #00715d;

        position: absolute;

        bottom: -23px;

        left: 38%;

        right: 50%;

    }



    h5.cu-title {

        text-transform: capitalize;

        font-size: 18px;

        color: #00715d;

        font-weight: 600;

        margin-bottom: 14px;

    }



    h3.get-heading5 {

        text-transform: capitalize;

        color: #00715d;

        font-size: 18px;

        margin-bottom: -9px;

        font-weight: 600;

    }



    a.card-link.accordion-title {

        color: #00715d;

        font-size: 18px;

        font-weight: 500;

    }



    p.faq-para {

        font-size: 16px;

        color: #656565;

        margin-bottom: 10px;

    }



    .ov-header {

        color: #00715d;

        font-size: 26px;

        font-weight: 500;

        margin-bottom: 13px;

    }



    .overview {

        margin-top: 32px;

    }



    p.ov-para {

        font-size: 16px;

    }



    .paralox {

        margin-top: 45px;

        padding: 60px 0;

    }



    .para-title {

        font-size: 30px;

        margin-bottom: 10px;

        line-height: 40px;

    }



    h5.or-para {

        font-size: 18px;

        margin-bottom: 19px;

    }



    p.or-para2 {

        font-size: 17px;

        margin-bottom: 0;

        margin-top: 2px;

    }



    .or-img img {

        width: 190px;

        margin-top: 20px;

    }


.f-img{margin:5px auto; border:1px solid #ddd; padding:10px 0; width:65%;}
    
.oe-rt{margin-left:0px;}
.or-btm{margin-bottom:0px;}
.or-btm img{display:block; margin:0 auto;}
.or-para2{text-align:center;}
.lastor-btm{margin-bottom:25px;}
 .card-header{padding:10px 20px !important;}
 .cus-container{width:90%;}

}









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



    .navbar-toggler-icon {

        width: 20px;

        height: 20px;

     

    }



    .bc-img {

        min-height: 175px;

    }



    .ab-header {

        font-size: 22px;

    }



    .ab-header2 {

        font-size: 22px;

        margin-bottom: 45px;

    }



    .ab-header2::before {

        left: 41%;

        bottom: -24px;

        height: 4px;

    }



    p.ab-para {

        margin-bottom: 16px;

       

    }



    a.ab-link {

        padding: 3px 16px;

       

    }



    .product {

        margin-top: 30px;

    }



    .pro-img {

        height: 180px;

    }



    .pro-title {

       
		font-size:30px;
        margin-bottom: 14px;

    }



    .customer {

        margin-top: 8px;

    }



    .find {

        margin-top: 24px;

    }



    .bl-img {

        height: 177px;

    }



    h5.bl-date {

        top: 150px;

    }



    .owl-carousel .owl-item img {

        display: block;

        width: 135px;

        margin: 0 auto;

    }



    h5.ftr-heading {

        color: #ffffff;

        font-size: 17px;

        margin-bottom: 7px;

        position: relative;

        font-weight: 600;

    }



    h5.abt-header {

        font-size: 21px;

        margin-bottom: 7px;

        margin-left: 0;

    }



    .abt-list li a {

        font-size: 11px;

       letter-spacing: 2px;

    }



    .get {

        margin-top: 25px;

    }



    h3.direct-header {

        font-size: 20px;

    }



    p.direct-para {

        font-size: 16px;

        color: #797979;

        line-height: 24px;

        text-align: justify;

        margin-bottom: 1.25rem;

        border-bottom: 1px solid #c8c8c8;

        padding-bottom: 19px;

        margin-bottom: 17px;

    }



    .co-border {

        border-bottom: 1px solid #c8c8c8;

        margin-bottom: 27px;

        padding-bottom: 2px;

    }



    h5.abt-header2.a-font2 {

        font-size: 18px;

        color: #fff;

        letter-spacing: 3px;

    }



    h5.abt-header {

        font-size: 17px;

        margin-bottom: 7px;

        margin-left: 0;

    }



    .product-des {

        margin-top: 30px;

    }



    h5.des-title {

        font-size: 18px;

        color: #000000;

        letter-spacing: 2px;

        margin-top: 9px;

        margin-bottom: 40px;

        position: relative;

        /* font-weight: 600; */

    }



    .des-title::before {

        content: "";

        width: 85px;

        height: 3px;

        background-color: #00715d;

        position: absolute;

        bottom: -21px;

        left: 37%;

        right: 50%;

    }



    .customize {

        margin-top: 40px;

    }



    a.card-link.accordion-title {

        color: #FFF;

        font-size: 18px;

        font-weight: 500;

        line-height: 20px;

    }



    p.faq-para {

        font-size: 18px;

        color: #656565;

        margin-bottom: 10px;

    }



    .faq-content {

        margin-top: 40px;

    }



    .ov-header {

        color: #00715d;

        font-size: 22px;

        font-weight: 500;

        margin-bottom: 11px;

    }



    .overview {

        margin-top: 26px;

    }



    .para-title {

        font-size: 25px;

        margin-bottom: 10px;

        line-height: 36px;

    }



    p.e-para {

        color: #e8e8e8;

        font-size: 16px;

        padding: 0;

        margin-bottom: 26px;

    }



    .paralox {

        margin-top: 40px;

        padding: 40px 0;

    }



    .oerview2 {

        margin-top: 44px;

    }



    h5.or-para {

        font-size: 17px;

        margin-bottom: 15px;

    }



    p.or-para2 {

        font-size: 16px;

        margin-bottom: 0;

        margin-top: 5px;

    }



    .or-img img {

        width: 140px;

        margin-top: 20px;

    }



    .or-img2 img {

        width: 100%;

    }

 



}



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