/*1199px*/ @media (max-width: 1199px) { .EachNews img{height: 165px;} .aboutusIMG img,.IntroIMG img{height: 300px;} #contactsMap { height: 400px; } .navbar .container{max-width: 100%;} .nav-dropmenu a,.nav-dropmenu a:hover,.nav-dropmenu a:visited{ background-color: #886f0b; border:0; } .menu-subdropdown a.dropdown-item{background-color: #7e6500 !important;} } /*991px*/ @media (max-width: 991px) { .nav-dropmenu{display: block;} .carousel-item { height: 750px; 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: 285px; } .footerBradings img { width: 48%; } .container-sm { max-width: 720px; } .EachLocation { width: 49.6%; } .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;} .sideTabLink,.TableContent{width: 100%;} .sideTabLink{display: none;} .myTabStyle .investmentTabcontent .tab-pane,.sideTabLink{padding: 0;margin-bottom: 20px;} .TableContent {padding: 0;} .BrandingRow img{height: 108px;} .WorkContainer{column-count: 1;} .subpage-location h1{font-size: 32px;padding: 10px 20px;} } /*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%; } .Brand-Intro { display: block } .Brand-Intro .col-50 { 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;} .subpage-Banner{min-height: 200px; } /*footer*/ .footerLinks a{color: #fff;text-decoration: none;margin:0 0 10px 0; width: 33.33%; display: block;float: left; } } /*500px*/ @media (max-width: 500px) { .carousel-item { height: 500px; } .carousel-caption h1 { font-size: 40px; } .footerBradings img { width: 48%; } .BrandingRow .col-33 { width: 100%; } .EachLocation { width: 100%; } #contactsMap { height: 250px; } } /*responsive tab*/ /** * Responsive Bootstrap Tabs by @hayatbiralem * 15 May 2015 */ @media screen and (max-width: 479px) { .footerLinks a{width: 50%} .myTabStyle .nav-tabs > li > a::after {background-color: transparent;} .nav-tabs-responsive > li { display: none; width: 23%; } .nav-tabs-responsive > li > a { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; width: 100%; text-align: center; vertical-align: top; } .nav-tabs-responsive > li.active { width: 54%; } .nav-tabs-responsive > li.active:first-child { margin-left: 23%; } .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next { display: block; } .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next { -webkit-transform: scale(0.9); transform: scale(0.9); } .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a { -webkit-transition: none; transition: none; } .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text { display: none; } .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after { position: relative; top: 1px; background:transparent; } .nav-tabs-responsive > li.prev > a:after { content:url('../img/leftArrow.png'); } .nav-tabs-responsive > li.next > a:after { content: url("../img/rightArrow.png"); } /*.nav-tabs > li > a {min-width:120px;}*/ } /** * Demo Styles */ .wrapper { padding: 15px 0; } .bs-example-tabs .nav-tabs { margin-bottom: 15px; } @media (max-width: 479px) { #narrow-browser-alert { display: none; } }