@media(max-width: 575px){
.about_right {
padding-left: 0;
margin-bottom: 30px;
}
.about-section .row {
flex-direction: column-reverse;
}
.about_left img {
height: unset;
}
.surfacebox {
margin-bottom: 25px;
padding: 20px;
}
.common_bannertitle {
font-size: 26px;
}
.common_title {
font-size: 26px;
}
.about_right p {
margin-bottom: 30px;
}
.contact-form {
padding-right: 0;
margin-bottom: 50px;
}
.contact-header p {
max-width: 100%;
}
.contact-header {
text-align: left;
margin-bottom: 20px;
}
.about_right ul#counter {
flex-wrap: wrap;
margin: 0;
}
.about_right ul#counter li {
width: 50%;
}
.mission-section ul li:nth-child(odd) .mission_block {
padding-left: 0;
margin-top: 25px;
}
.mission-section ul li:nth-child(even) .mission_block {
padding-left: 0;
margin-bottom: 25px;
}
.mission-section ul > li {
margin-bottom: 0;
margin-bottom: 25px;
}
.mission_block li {
margin-bottom: 15px !important;
}
.ctaimg img {
height: unset;
}
#hm_about ul {
flex-wrap: wrap;
}
#hm_about ul li {
width: 50%;
}
.abt_img img {
height: 230px;
}
.common_heading_margin {
margin-bottom: 40px;
}
.sub_title {
margin-bottom: 10px;
}
.head_centre {
margin-bottom: 40px;
}
.market_wrap {
height: 400px;
margin-bottom: 25px;
}
.caption {
font-size: 35px;
line-height: 42px;
width: 100%;
}
#banner {
height: 500px;
}
.ctaimg {
margin: 25px 0;
}
.cta_right {
padding-left: 0;
}
.cta_right p {
margin-bottom: 25px;
}
.ft_menusec ul {
display: flex;
column-gap: 30px;
flex-wrap: wrap;
margin-bottom: 20px;
}
.copy_right {
justify-content: center;
flex-wrap: wrap;
}
.footer_copyright {
margin-top: 10px;
}
footer {
padding-top: 30px;
}
.ft_logosec {
margin-bottom: 30px;
}
.innerbannersec1 {
margin-top: 75px;
height: 160px;
}
.mission_block .common_title {
margin-bottom: 15px;
}
}
@media (min-width: 576px) and (max-width: 767px){
.common_title {
font-size: 28px;
}
.innerbannersec1 {
margin-top: 75px;
}
.contact-form {
padding-right: 0;
}
.contact-info {
margin-top: 35px;
}
.contact-header p {
max-width: 100%;
}
.info-block p {
font-size: 16px;
line-height: 20px;
}
.ft_logosec {
margin-bottom: 30px;
}
.ft_menusec ul {
display: flex;
column-gap: 30px;
}
.footer_copyright {
margin-top: 15px;
}
footer {
padding-top: 40px;
}
.contact-header {
text-align: left;
margin-bottom: 20px;
}
.mission-section ul li:nth-child(odd) .mission_block {
padding-left: 10px;
}
.about_left img {
height: 250px;
}
.mission-section ul li:nth-child(even) .mission_block {
padding-left: 0;
}
.ctaimg {
margin: 25px 0;
}
.cta_right {
padding-left: 0;
}
.cta_right p {
margin-bottom: 25px;
}
.mission-section ul li:last-child {
margin: 0;
}
.about_right {
padding-left: 0;
margin-bottom: 30px;
}
.about_right p {
margin-bottom: 30px;
}
.about-section .row {
flex-direction: column-reverse;
}
.caption {
font-size: 40px;
line-height: 50px;
width: 100%;
}
.sub_title {
margin-bottom: 10px;
}
.head_centre {
margin-bottom: 40px;
}
.market_wrap {
height: 400px;
margin-bottom: 25px;
}
.common_heading_margin {
margin-bottom: 30px;
}
#hm_about ul {
margin: 0 0 30px;
}
#banner {
height: 540px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.common_title {
font-size: 28px;
}
.innerbannersec1 {
margin-top: 75px;
}
.contact-header {
text-align: left;
margin-bottom: 30px;
}
.contact-header p {
max-width: 100%;
}
.contact-info {
margin-top: 40px;
}
.mission-section ul li:nth-child(odd) .mission_block {
padding-left: 20px;
}
.about_left img {
height: 360px;
}
.mission-section ul li:nth-child(even) .mission_block {
padding-left: 3px;
}
.cta_right {
padding-left: 0;
}
.about_right {
padding-left: 20px;
}
.about_right p {
margin-bottom: 20px;
}
.surfacebox {
margin-bottom: 25px;
}
#banner {
height: 600px;
}
.common_heading_margin {
margin-bottom: 40px;
}
#hm_about ul {
margin: 0 0 40px;
}
.abt_img img {
height: 350px;
}
.market_wrap {
height: 440px;
margin-bottom: 25px;
}
.sub_title {
margin-bottom: 12px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
#bottom_nav .menu > ul > li {
margin: 0px 10px;
}
}
@media (min-width: 992px) {
}
@media (max-width: 991px) {
}
@media (min-width: 1199px) and (max-width: 1200px){
}
@media (min-width: 1200px) { }
@media (min-width: 1800px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 90%;
}
}
@media (max-width: 991px){
.hidemob{
display:none;
}
.hidedesk {
display: flex;
}
.common_heading_margin {
margin-bottom: 0!important;
}
.abt_img {
margin-bottom: 40px;
}
}
@media (min-width: 992px){
.hidedesk{
display:none;
}
.hidemob{
display:flex;
}
}