@media only screen and (max-width: 1600px) {
    .textBoxs p , .ColumsTexts p{    line-height: 120%;     font-size: 14px;}
    .ColumsTexts h4 {    margin: 0 0 20px; font-size: 18px;}
    .rightContent h2 {    font-size: 28px;     margin-bottom: 20px;}
    .customFooter {    padding: 2% 0;}
    

}
@media only screen and (max-width: 1200px) {
    .TextContent h2 {
        font-size: 34px;
        line-height: 130%;
        margin: 2% 0;
    }
    .TextContent h3{    font-size: 23px;     line-height: 25px;}
    .ColumsTexts {    padding-right: 3%;}
    .textBoxs p, .ColumsTexts p{    font-size: 13px;}
    .ColumsTexts h4 {    font-size: 16px;}
    .rightContent h2 {    font-size: 24px; margin-bottom: 15px;}
    .textBoxs p, .ColumsTexts p{margin-bottom: 15px;}
}
@media only screen and (max-width: 1023px) {
    .mainContainer {flex-wrap: wrap;}
    .LeftContent {width: 100%; height: 50%;}
    .rightContent {width: 100%; padding: 0;}
    .rightContent{padding: 20px;}
    .copyRight {font-size: 12px;}
    .footerNav li a{ font-size: 13px;}
    .contactPage .rightContent { padding: 0px; } .contactRight.contactRight {  margin-right: 0%; }
}


@media only screen and (max-width: 767px) {
    
 .bottomThreePic img.img-fluid.extentionImg {width: 100%; max-width: 100%;}
 
.MobileCenterLogo {justify-content: center !important;}
.navbar-toggler {position: absolute; width: 40px; height: 40px; right: 20px; top: 28px; border-radius: 0; background: url(../images/MenuPng.png) center center; background-size: 40px;}
.navbar-toggler svg {display: none;}
.navbar-toggler:focus, .navbar-toggler{outline: none; border: 0; box-shadow: none;}
.navbar-brand {padding: 0; }
.navbar-brand img {max-width: 150px;}
.NavBarCustom {    padding-top: 0.5rem;    padding-bottom: 0.5rem;}
.customFooter {position: static;}
.TextContent {padding: 0 20px;}
.TextContent h2{font-size: 28px;    line-height: 120%;}
.TextContent h3 {    font-size: 18px; line-height: 20px; }
.rightContent h2 {    font-size: 20px; }
.mainContainer {height: auto !important;}
.ColumsTexts{margin-right: 0; width: 100%;}
.threeColums {flex-wrap: nowrap; display: block; text-align: center}
.customFooter .copyRight 
,
.customFooter .copyRight,  .customFooter .socialFooter, .customFooter  .footerNav  {text-align: center;}

.customFooter .footerNav{justify-content: space-evenly ; margin-bottom: 10px;}
.socialFooter a{    width: 25px;    height: 25px;     background-size: 25px;}
.socialFooter {margin: 0 0 10px;}
.bannerleft {padding-top: 5%; padding-bottom: 5%; background-size: cover;}
.textBoxs p, .ColumsTexts p {text-align: justify;}
.rightContent h2 {text-align: center;}
.owl-nav{position: absolute    ; top: 50%;  margin-top: -30px; }
.owl-nav button { width: 30px; height: 30px; font-weight:700; font-size: 30px; position: absolute; }
.SliderNew  .owl-nav button span { width: 30px; height: 30px; font-weight:700;  font-size: 50px; color: #000;  }
.SliderNew  .owl-nav button.owl-prev {left: 20px;}
.SliderNew  .owl-nav button.owl-next {right: 20px;}
.owl-nav {width: 100%;}
button , button:focus, button:active {outline: 0; border: 0;}

.footerNav {justify-content:center ;} 
.footerNav li {padding-right: 0;}
.bannerleft {    padding-top: 5vh; padding-bottom: 5vh;}
.navbar-toggler {    width: 27px;    height: 27px;}
.ColumsTexts p{height: auto;}
}

@media only screen and (max-width: 576px){
    .contactPage .rightContent {
    padding: 0px;
}
.contactRight.contactRight {
    margin-right: 0%;
}



}