/*1199px*/
@media (max-width: 1199px) {
.EachNews img{height: 165px;}
.aboutusIMG img,.IntroIMG img{height: 300px;}
#contactsMap {
height: 400px;
}
}
/*991px*/
@media (max-width: 991px) {
.carousel-item {
height: 600px;
min-height: auto;
}
.navbar-brand {
position: relative;
left: 50%;
transform: translateX(-50%);
}
.navbar-dark .navbar-toggler {
cursor: pointer;
color: #fff;
border: 0;
outline: 0;
}
.Introduction .col-50 {
width: 100%;
}
.aboutUs .col-50{margin-bottom: 40px;width: 100%;}
.IntroIMG {
margin-top: 50px;
}
.sideBraning {
width: 20%;
}
.BraningContent {
width: 80%;
}
.newsContent {
min-height: 265px;
}
.footerBradings img {
width: 48%;
}
.container-sm {
max-width: 720px;
}
.EachLocation {
width: 50%;
}
.contactForm {
width: 100%;
margin-bottom: 50px;
}
.contactusData {
width: 100%;
padding: 0;
}
.workWithUs .col-50{width: 100%;}
.workWithUs .padding-right-10,.workWithUs .padding-left-10{padding: 0;}
.EachNews img{height: 120px;}
.aboutusIMG img,.IntroIMG img{height: 400px;}
}
/*767px*/
@media (max-width: 767px) {
.carousel-item {
height: 400px;
}
.carousel-caption h1 {
font-size: 50px;
margin-bottom: 40px;
letter-spacing: 5px;
}
.IntroContent br {
display: none;
}
.sideBraning {
width: 100%;
}
.BraningContent {
width: 100%;
}
.sideBraning .nav li {
width: 30%;
float: left;
margin-right: 5px;
}
.Branding .padding-right-10,
.BraningContent .padding-left-10 {
padding: 0;
}
.EachNews {
width: 100%;
}
.newsContent {
min-height: auto;
}
.footerLogo,
.footerBradings,
.footerLinks {
width: 100%;
padding: 0;
}
.footerBradings img {
width: 30%;
}
.container-sm {
max-width: 540px;
}
.contactForm .col-50 {
width: 100%;
}
.RadioChoice input[type=radio] + label,
.RadioChoice input[type=checkbox] + label {
width: 32%;
}
.contactForm input[type='submit'] {
width: 100%;
}
.contactForm h4,
.contactusData h4 {
margin-bottom: 15px;
}
.contactForm .padding-right-10 {
padding: 0;
}
#contactsMap {
height: 300px;
}
.EachNews img{height: auto;}
.aboutusIMG img,.IntroIMG img{height: auto;}
}
/*500px*/
@media (max-width: 500px) {
.carousel-item {
height: 300px;
}
.carousel-caption h1 {
font-size: 40px;
}
.Brand-Intro {
display: block
}
.Brand-Intro .col-50 {
width: 100%;
}
.footerBradings img {
width: 48%;
}
.BrandingRow .col-50 {
width: 100%;
}
.EachLocation {
width: 100%;
}
#contactsMap {
height: 250px;
}
}