@media (max-width: 1200px) {
.headerLogo,
.contentText.col-md-8 {
width: 66.66666%;
padding-left: 20px;
}
.contentText.col-md-12 {
width: 100%;
padding-right: 0;
}
.headerRight,
.contentRight.col-md-4 {
width: 33.33333%
}
.contact-nom p .bl1,
.contact-nom p .bl2 {
padding-right: 10%
}
}
@media (max-width: 992px) {
.headernavContainer .navbar-inverse #navbar-collapse-9 {
float: none;
margin-top: 0;
padding: 0 15px;
background: #e02352;
border-top: 1px solid #fff;
}
.navbar-inverse .navbar-nav>li {
float: left;
margin: 0;
width: 25%;
}
.navbar-inverse .navbar-nav>li:last-child {
float: right;
}
.navbar-inverse .navbar-nav>li>a {
text-align: center;
line-height: 36px;
}
.navbar-inverse .navbar-toggle {
display: block;
}
.container-fluid>.navbar-header {
float: none;
padding-left: 2%;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-collapse.collapse.in {
display: block!important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.contactRight p,
.contactLeft p {
font-size: 14px;
}
.contactLeft {
padding: 20px 0;
padding-left: 2%;
}
.footerLeft {
padding-left: 2%;
}
.contact-nom p .bl1,
.contact-nom p .bl2 {
padding-right: 5%
}
.contact-nom p {
font-size: 14px;
}
}
@media (max-width: 850px) {
.contactContainer {
padding: 10px 0;
}
.contactRight,
.contactLeft {
width: 100%;
padding: 0;
text-align: center;
margin: 0;
}
.contactRight p {
padding-top: 0;
line-height: 32px;
}
.contactLeft span,
.contactLeft p {
line-height: 26px;
}
.contact-form .contentText .contact-email p,
.contact-form .contentText .contact-phone p,
.contact-form .contentText .contact-name p {
width: 100%;
}
.contact-form .contentText .contact-code p.input-code {
width: 50%;
}
.contact-form .contentText .contact-code p.input-city {
width: 100%;
}
.contact-form .contentText .contact-code .city input {
max-width: 100%;
}
.select-studentstatus p {
width: 50%;
}
}
@media (max-width: 768px) {
.navbar-inverse .navbar-nav>li {
float: left;
margin: 0;
width:50%;
}
.footerLeft .footerCopyRights,
.footerRight a {
font-size: 14px;
}
.contact-form .contentText {
width: 100%;
}
.contentRight {
width: 40%;
padding-right: 20px;
}
.lesNew >h2 {
font-size: 15px;
}
.lesNew >p {
font-size: 12px;
}
.headerLogo {
height: 190px;
}
.headerRight {
min-height: 190px;
}
.contentText-top {
padding-left: 0;
background: none;
}
.contentContact.col-md-8 {
padding-right: 0;
}
.contact-form .contentText .contact-nom span input {
margin-right: 0;
}
.contact-nom p {
font-size: 12px;
}
.contact-nom .p-dayroom {
padding: 0;
}
.contact-form .contentText input[type="reset"] {
margin-bottom: 10px;
}
.contact-form .contentText input[type="checkbox"] {
margin-bottom: 0;
margin-top: 0;
}
}
@media (max-width: 600px) {
.headerRight {
min-height: 145px;
}
.headerLogo {
height: 140px;
}
.navbar-inverse .navbar-nav>li>a {
font-size: 13px;
line-height: 26px;
}
.contentText.col-md-8 {
float: none;
width: 100%;
}
.contentRight.col-md-4 {
display: none;
}
.contentRight >h2 {
padding-top: 2%;
}
.navbar-inverse .navbar-nav>li {
width: 100%;
}
.footerLeft {
width: 100%;
text-align: center;
padding-left: 0;
}
.footerLeft .footerCopyRights {
line-height: 26px;
}
.footerRight a {
width: 100%;
text-align: center;
line-height: 26px;
}
.footerRight {
margin: 0;
width: 100%;
}
.footerContainer {
padding: 10px 0;
}
.contentText.col-md-8,
.contentText.col-md-12 {
padding-right: 0;
}
.contact-form .contentText h1 {
padding: 10px 0;
}
.contact-nom p {
font-size: 14px;
}
.contentInner .col-xs-8 {
width: 100%;
padding-right: 0;
}
.contact-form .contentText .contact-name p {
width: 100%;
}
}
@media (max-width: 480px) {
.contentText >h2 {
font-size: 15px;
margin: 0;
}
.contentText-top >p,
.contentText >p {
font-size: 11px;
}
.headerRight {
min-height: 110px;
}
.headerLogo {
height: 110px;
}
.headerRight >a.language2 {
margin-right: 15px;
}
.contact-form .contentText .contact-email p,
.contact-form .contentText .contact-phone p,
.contact-form .contentText .contact-name p {
width: 100%;
}
.contact-form .contentText .contact-code p.input-code {
width: 100%;
}
.contact-form .contentText .contact-code p.input-city {
width: 100%;
}
.contact-form .contentText .contact-code .city input {
max-width: 100%;
}
.contact-form .contentText .contactBot {
font-size: 13px;
}
.contact-nom p {
font-size: 12px;
}
}
@media (max-width: 418px) {
.contact-nom p .bl2, .contact-nom p .bl3 {
display: block;
padding-left: 18px;
}
}