
@media (max-width: 1366px) { 
body { letter-spacing: 0.5px; }
header .logo_head { max-width: 76px; }



}
@media (max-width: 1199px) { 
.main_header .navbar-nav li.nav-item { margin: 0 15px; }


}
@media (max-width: 991px) { 
header .logo_head { max-width: 76px; }
.main_header .navbar-nav li.nav-item { margin: 0 12px; }
.footer_linksbox.footer_contactbox { margin-top: 40px;}
.head_contact p, .head_contact p a { font-size: 15px;}
.social_action ul li a { font-size: 18px;}
.about_banner_inner .banner_thumb { margin-bottom: 30px;}
.sec_titlebox { width: 74%; margin-bottom: 40px; }
.contact_infobox { margin: 0 0 60px 0;}

}
@media (max-width: 767px) { 
h1 { font-size: 36px;}
h2 { font-size: 32px;}
h3 { font-size: 28px;}
h4 { font-size: 24px;}
h5 { font-size: 20px;}
h6 { font-size: 18px; }
.social_action { margin-top: 10px;}
header .navbar-toggler.collapsed { background: var(--deep_green); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
header .navbar-toggler { background: var(--primary-color);}
header.main_header .navbar .navbar-nav { align-items: start; display: block; }
.main_header .navbar-nav ul, .main_header .navbar-nav li.nav-item { margin-left: 0; margin-right: 0;}
.main_header .navbar-nav li.nav-item a.nav-link { font-size: 16px; padding: 15px 20px; margin: 0; display: block; }
.topinner_wrapper { flex-direction: column;}
.footer_linksbox { flex-direction: row; margin-right: 0;}
.footer_linksbox .qlink { width: calc(50% - 15px);}
.footer_about { text-align: center; margin-bottom: 40px;}
.footer_about .social_action { justify-content: center;}
.footer_linksbox { flex-direction: column; text-align: center; }
.footer_linksbox .qlink { width: 100%;}
.footer_contact { text-align: center;}
.contact_info_list { width: 72%; margin: 0 auto; text-align: left; }
.sec_titlebox { width: 84%;}
.contact_form { padding: 40px 25px 20px 25px; }

}
@media (max-width: 575px) { 
h1 { font-size: 34px;}
h2 { font-size: 30px;}
h3 { font-size: 26px;}
h4 { font-size: 22px;}
h5 { font-size: 20px;}
h6 { font-size: 17px; }
.contact_info_list { width: 84%; margin: 0 auto; text-align: left; }
footer .footer_bottom p { font-size: 14px;}
.contact_form { padding: 40px 15px 20px 15px; }

}
@media (max-width: 480px) {
.head_contact { flex-direction: column; gap: 0;}
.head_contact p { margin: 5px 0;}
.social_action { margin-top: 20px;}
.footer_linksbox { flex-direction: column; }
.footer_linksbox .qlink { width: 100%; text-align: center;}
.contact_info_list { width: 100%; }
.contact_info .row_text { font-size: 16px; }
.infotxt { margin-top: 5px;}


}
@media (max-width: 380px) { 

}
