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

    

   

    

}


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

    
}

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

    
   
    
}


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

    

   
   
    
  

  

  
   
    
   
}


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

    #body .container {
        max-width: 540px !important;
    }

    .pro-display{
        display: block;
    }

    .pro-display2{
        display: none;
    }

   

    

}

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

   
    

   
  

    

   
}


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

    .top-social {
        text-align: center;
    }
    
    .top-rt {
        float: initial !important;
        text-align: center;
    }

    .top-list {
      justify-content: center;
    }

    .nav-rt {
        display: none;
    }

    .navbar-dark .navbar-toggler {
        color: rgba(255,255,255,.5);
        border-color: rgba(255,255,255,.1);
        background: #eea61d;
    }

    a.navbar-brand img {
        width: 65px;
    }

    .break {
        display: none !important;
    }

    h4.ban-title2 {
        font-size: 50px;
    }

    p.ban-para {
       font-size: 16px;
        padding-right: 0;
    }

    a.ban-title {
        padding: 14px 25px;
        font-size: 15px;
}

.ban-full {
	padding: 80px 0;
}

.abt-img {
    height: 335px;
	
}

.abt-rt {
	margin-left: 10px;
	margin-top: 30px;
}

h5.abt-title2 {
	font-size: 30px;
    line-height: 43px;
    margin-bottom: 18px;
}

.abt-title {
	margin-top: 18px;
}

.abt-para {
	font-size: 22px;
}

.abt-para2 {
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 28px;
    padding: 0;
}

.abt-link {
	padding: 12px 30px;
}

.about {
	margin-top: 50px;
}

.p-title.a-font {
	font-size: 35px;
	margin-bottom: 25px;
}

.pro-img {
	height: 200px;
}

.p-text {
	margin-left: 10px !important;
	margin-top: 20px;
}

.p-header.a-font {
	font-size: 30px;
	padding-left: 80px;
	margin-bottom: 10px;
}

p.p-para {
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 28px;
}

.p-link {
	padding: 10px 30px;
	font-size: 15px;
}

.p-top {
	margin: 40px 0;
}

.product::before {
	display: none;
}

.para-header.a-font {
	font-size: 31px;
	line-height: 50px;
	font-weight: 600;
	padding: 0;
}

.para-link {
	padding: 14px 24px;
	font-size: 15px;
	margin-top: 15px;
}

.para-text {
	padding: 65px 0;
}

.paralox {
	margin-top: 50px;
}

.w-header2.a-font {
	font-size: 35px;
	line-height: 44px;
    padding: 0;
}

.w-para4 {
	padding-right: 0;
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 25px;
}

.w-img {
	height: 301px;
}

.w-box2 {
	margin-bottom: 20px !important;
}

.w-box {
	
	margin-bottom: 40px;
    padding: 40px;
}

.w-img2 {
	margin-top: 25px;
}

.why {
	margin-top: 50px;
}

.blog {
	margin-top: 50px;
}

.bl-header.a-font {
	font-size: 35px;
}

.bl-para {
    padding: 0 !important;
}

.bl-img {
    height: 199px;
}

.bl-date {
	top: 172px !important;
}

.bl-com {
	margin-left: -6px;
}

h4.bl-title a {
	line-height: 30px;
	margin-bottom: 2px;
	font-size: 20px;
}

.bl-text {
    padding: 30px 20px;
}

.bl-box {
	
	margin-bottom: 30px;
}

.h-text {
	margin-top: 30px;
}

h1.h-title {
	color: #fff;
	font-weight: 600;
	font-size: 35px;
	padding-right: 0;
	line-height: 45px;
	margin-bottom: 30px;
}

a.h-link {
	
	padding: 13px 25px;
	
}

.ftr-logo img {
	width: 65px;
}

p.ftr-para {
	
	margin-top: 8px !important;
}

.ftr-3 {
	/* margin-right: 71px; */
	/* display: inline-block; */
	margin-left: 0;
}

.ftr-2 {
	margin-left: 0;
}

.ftr-list2 {

	margin: 0 0 0 -25px;
}

.ftr-3 {
	/* margin-right: 71px; */
	/* display: inline-block; */
	margin-left: 0;
	margin: 20px 0;
}

.footer {
	
	padding: 40px 0;
	margin-top: -10px;
}

.ftr-2 {
	margin-left: 0;
	margin-top: 20px;
}

.product {
	margin-top: 50px;
	position: relative;
}

.provide {
	height: 440px;
}

h2.ab-header {
	font-size: 40px;
	font-weight: 600;
	color: #efb443;
	margin-top: 10px;
	letter-spacing: 2px;
}

.abt-list li a {
	
	letter-spacing: 3px;
}

.ab-text {
	padding: 70px 0;
}

.overview {
	margin-top: 50px;
}

.ovr-rt {
	margin-left: 20px;
	margin-top: 30px;
}

h5.o-header2.a-font {
	font-size: 30px;
	margin-bottom: 13px;
}

h5.m-header {
	color: #fff;
	font-size: 27px;
	margin-bottom: 17px;
}

.m-para {
	color: #dfdfdf;
	font-size: 16px;
	line-height: 28px;
}

.m-text {
	background: rgba(37, 89, 70, 80%);
	width: 100%;
	padding: 30px;
	/* margin: 40px 0; */
}

.mission {
	margin-top: 40px;
	padding: 50px 0;
}

h5.v-header.a-font {
	font-size: 35px;
	color: #e5a835;
	font-weight: 600;
	margin-bottom: 10px;
}

.vission {
	margin-top: 50px;
}

input.car-link {
	
	margin-bottom: 30px;
}

.career-form .container .form-career .form-car-box .add {
	height: 150px !important;
	resize: none;
}

p.con-para {
	padding-right: 0;
	color: #464646;
	margin-bottom: 35px;
	line-height: 28px;
}

.con-1 {
	background: #fffcf8;
	box-shadow: 0px 4px 12px 0px #c5c2c2;
	padding: 30px;
	min-height: 159px;
	width: 100%;
}

.con-detail {
	margin-top: 50px;
}

h4.con-header {
	font-size: 30px;
	text-transform: capitalize;
	margin-bottom: 9px;
	/* font-weight: 600; */
}

.bc-img {
    min-height: 200px;
}

.main-banner span.fa-solid.fa-angle-left {
	display: none;
}

.main-banner span.fa-solid.fa-angle-right {
	display: none;
}
   
}


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

    h4.ban-title2 {
        font-size: 31px;
        margin-bottom: 12px;
    }

    h6.ban-title {
       margin-bottom: 17px;
       font-size: 14px;
    }

    p.ban-para {
        font-size: 15px;
        padding-right: 0;
        line-height: 26px;
        margin-bottom: 20px;
    }

    a.ban-title {
        padding: 11px 19px;
        font-size: 14px;
    }

    .main-banner span.fa-solid.fa-angle-right {
        width: 40px;
        height: 40px;
        font-size: 14px;
        border: 2px solid #ffffff;
        border-radius: 100%;
        line-height: 40px;
    }

    .main-banner span.fa-solid.fa-angle-left {
        width: 40px;
        height: 40px;
        font-size: 14px;
        border: 2px solid #ffffff;
        border-radius: 100%;
        line-height: 40px;
    }

    .ban-full {
        padding: 50px 0;
    }

    .abt-img {
        height: 294px;
    }

    .abt-rt {
        margin-left: 10px;
        margin-top: 20px;
    }

    h6.abt-title {
        font-size: 13px;
        letter-spacing: 4px;
        margin-top: 18px;
    }

    h5.abt-title2 {
        font-size: 25px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .abt-para {
        font-size: 19px;
    }

    .abt-para2 {
        font-size: 14px;
        line-height: 27px;
        margin-bottom: 23px;
        padding: 0;
    }

    .abt-link {
        padding: 10px 24px;
        font-size: 14px;
    }

    .p-title.a-font {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .pro-img {
        height: 174px;
    }

    .p-header.a-font {
        font-size: 25px;
        padding-left: 75px;
        margin-bottom: 10px;
    }

    h5.p-header::after {
       top: 18px;
        
    }

    p.p-para {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 28px;
    }

    .p-link {
        padding: 10px 30px;
        font-size: 15px;
    }

    .para-header.a-font {
        font-size: 25px;
        line-height: 40px;
        font-weight: 600;
        padding: 0;
    }

    a.para-link {
      
        padding: 12px 19px;
       
    }

    .para-text {
        padding: 45px 0;
    }

    h5.w-header3 {
      
        font-size: 13px;
       
    }

    .w-header2.a-font {
        font-size: 25px;
        line-height: 36px;
        padding: 0;
    }

    p.w-para4 {
        font-size: 15px;
        line-height: 24px;
        color: #686358;
        font-weight: 500;
        margin-bottom: 35px;
        padding-right: 0;
    }

    .w-img {
        height: 265px;
    }

    .w-rt {
        margin-top: 31px;
    }

    .w-rt {
        margin-top: 31px;
    }

    h5.w-title {
        font-size: 22px;
        color: #1e3d75;
        font-weight: 600;
        line-height: 30px;
    }

    .blog {
        margin-top: 30px;
    }

    .bl-header.a-font {
        font-size: 27px;
    }

    p.bl-para {
        font-size: 15px;
        color: #71757c;
        font-weight: 500;
        line-height: 26px;
        padding: 0 300px;
        margin-bottom: 40px;
    }

    .bl-img {
        height: 178px;
    }

    .bl-date {
        top: 149px !important;
    }

    h4.bl-title a {
        line-height: 27px;
        margin-bottom: 2px;
        font-size: 18px;
    }

    .provide {
       height: 414px;
        margin-top: 80px;
    }

    h5.br-header {
        font-size: 14px;
        
       
    }

    .navbar-nav li {
        margin-bottom: 15px;
    }

    h2.ab-header {
        font-size: 35px;
        font-weight: 600;
        color: #efb443;
        margin-top: 10px;
        letter-spacing: 2px;
    }

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

    h5.o-header2.a-font {
        font-size: 25px;
        margin-bottom: 10px;
    }

    p.o-para {
        font-size: 14px;
        line-height: 25px;
        color: #655944;
    }

    .mission {
        margin-top: 30px;
        padding: 40px 0;
    }

    .m-para {
        color: #dfdfdf;
        font-size: 15px;
        line-height: 25px;
    }

    h5.v-header.a-font {
        font-size: 30px;
        color: #e5a835;
        font-weight: 600;
        margin-bottom: 7px;
    }

    p.v-para {
        line-height: 27px;
        font-size: 14px;
        color: #4b675d;
        text-align: justify;
    }

    .v-img {
        margin-bottom: 30px;
    }

    h4.con-header {
        font-size: 27px;
        text-transform: capitalize;
        margin-bottom: 4px;
        /* font-weight: 600; */
    }

    h4.con-header {
        font-size: 27px;
        text-transform: capitalize;
        margin-bottom: 4px;
        /* font-weight: 600; */
    }

    .con-list li a h5 {
        font-size: 15px;
        color: #373737;
        line-height: 27px;
        padding-bottom: 8px;
    }

    .bc-img {
        min-height: 130px;
    }
    
    .main-banner span.fa-solid.fa-angle-left {
        display: none;
    }
    
    .main-banner span.fa-solid.fa-angle-right {
        display: none;
    }


    

   

  

    
   

   

    

  
   
}

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