
@media only screen and (min-width: 1300px ) and (max-width: 1499px) {
.header img.logo {padding-top: 20px;}
.section1 { margin-top: 40px; margin-bottom: 30px; }
}

@media only screen and (min-width: 991px ) and (max-width: 1299px) {
.header img.logo {padding-top: 10px;}
.section1 { margin-top: 40px; margin-bottom: 30px; }
}

@media only screen and (max-width: 991px) {
.header img.logo { width: 280px!important;}
.section1 { margin-top: 20px; margin-bottom: 30px; }
.header p { display: none; }
.topslate img {width:100%; }
.section1 .left  { margin-bottom: 20px; }
.section1 .right  { margin-bottom: 20px; }
.section1 .left .slatelink { width: 96%; left:2% }
.section1 .right .slatelink { width: 96%; left:2% }
.section1 .slatelink .desc {margin-top: 100px!important; }
.section5 img { height: 100%; }
.section6 iframe { width: 100%; height: 250px; } 
.section3 .col-lg-6 { width: 100%!important; display: block; margin-bottom: 20px; }
.slate.fnag .slatelink {  width: 100%; } 
.slate.four .slatelink { width: 100%; }
.slate img { width: 100%!important;}
.slate.one img { height:100%!important; }
.slate.four img { height:100%!important; }
.slate.fnag img { height: 200px; }
.slate.fnag .desc h3 { margin-top: 20px;}
footer {  }
footer h6{ margin-bottom: 5px; }
footer .social {  float: left!important; margin-top: 20px; padding-left: 0px!important; }
}

@media only screen and (min-width: 1401px) and (max-width: 1500px) {
.fnag-slates { padding-top: 30px; margin-top: -10px; }
}

@media only screen and (min-width: 1301px) and (max-width: 1400px) {
.fnag-slates { padding-top: 30px; margin-top: -10px; }
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
.fnag-slates { padding-top: 30px; margin-top: -20px; }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.fnag-slates { padding-top: 30px; margin-top: -20px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.fnag-slates { padding-top: 30px; margin-top: -15px; }
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
.fnag-slates { padding-top: 30px; margin-top: -15px; }
}

@media only screen and (max-width: 640px) {
.header  {  }
.header-image {  }
.header #lang_sel_list li a {font-size: 18px;}
.section1 .slatelink .desc {margin-top: 20px!important;}
.fnag-slates { padding-top: 30px; margin-top: 0px; }
}


@media only screen and (min-width: 1200px ) and (max-width: 1250px) {
.section4 #featured-carousel { padding-left: 60px!important; padding-right: 50px!important; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: 1%; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: 1%;}
}


@media only screen and (min-width: 992px ) and (max-width: 1199px) {
.section1 .slatelink .desc {margin-top: 50px; }
.topslate img {width:100%; }
.slate.fnag .slatelink {  width: 100%;} 
.slate.four .slatelink { width: 100%; }
.section6 iframe { width: 250px; height: 250px; } 
.slate.two .desc {margin-top: -35px!important; }
.slate.three .desc {margin-top: -15px!important; }
}

@media only screen and (min-width: 992px) {
.header img.logo { display: block; }
.header img.mobile-logo { display: none; }
}

@media only screen and (max-width: 991px) {
footer .column-two .col-lg-3 { padding-left: 15px; }
footer .column-four .col-lg-3 { padding-left: 15px; margin-top: 20px; }

.header img.mobile-logo { display: none; }
.header img.logo { display: block; }
}

@media only screen and (max-width: 767px) {
.slate h2 { font-size: 24px; line-height: 30px!important; }
.section1 .left .slatelink { width: 94.1%; left:3% }
.section1 .right .slatelink { width: 94.1%; left:3% }

.section4 .owl-item { padding-left: 30px; padding-right: 30px;}
.section7 .owl-item { padding-left: 40px; padding-right: 30px;}

.section6 .scrollup-terminology { display: block; }

.header { min-height: 310px; }
.header img.mobile-logo {  max-width: 300px; margin-top: 60px; }
.header h1 { margin-top: 20px; }

.official h2 { text-align: center; font-size: 28px; }
.section5 h3 { text-align: center; font-size: 28px; }
.section4 h3 { text-align: center; font-size: 28px; }
.section3 h3 { text-align: center; font-size: 28px; }
.section6  h3 { text-align: center; font-size: 28px; }

footer img.footer-logo  { text-align: center; float: none; margin-left: auto; margin-right: auto; }

}

@media only screen and (max-width: 600px) {

.top-header #lang_sel_list li a { background: #0067b3; }

.owl-item { padding-left: 30px; padding-right: 20px; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: 1%; bottom: 44%; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: 1%; bottom: 44%; }

.sidr ul li a { padding-left: 0px; }

.section3 .owl-item { padding-right:30px; }

#features .owl-theme .owl-controls .owl-buttons .owl-next { right: 0%; bottom: 44%; }

.official { margin-top: 0px; padding-top: 20px;  }

.official ul li.social { margin-left: 15px; }
.official ul li { padding:0px 15px 0px 15px; }


.section7 ul li a img { width:50px; height:50px; margin-right: 15px; }

.section3 .item { padding-top: 0px; min-height: 440px; }
.section4 .item { min-height: 400px; }
.section5 .item { min-height: 400px; }
.section6 { padding-bottom: 60px; }
.section6 .scrollup-terminology { bottom: 10px; right: 20px; }

.official ul li.social { background: #fff;}
.official ul li a { background: #fff; }

.section7 ul li a { margin-right: 10px; }

footer .social { margin-top: 40px; }
footer .bottom { border-top:none; padding-top: 0px; }

}

@media only screen and (max-width: 520px) {
.slate h2 { font-size: 22px; line-height: 26px;}
.section3 p img { clear: both; display: block; margin-right: auto; margin-left: auto; }
.section3 h2 { clear: both; }
.section3 .col-lg-6.col-xs-12 { text-align: center;  margin-left: auto; margin-right: auto;}
.section3 .col-lg-6.col-xs-12 p { text-align: center;  margin-left: auto; margin-right: auto;}
.section3 img { float: none!important; display: block; margin-left: auto!important; margin-right: auto!important;  }
.topslate .left h2 { position: absolute; top:28%; left:7%; }
.topslate .right h2 { position: absolute; top:28%; left:8%; }
}

@media only screen and (min-width: 481px ) and (max-width: 990px) {

}

@media only screen and (max-width: 480px) {
.footer-logo { width: 260px; }
.slate.fnag img { }
.slate.one img { }
.slate.one h2 { position: absolute; top:24%; left:9%; }
.slate.two img { }
.slate.three img { }
.slate.four img { }
.slate h2 {font-size: 20px; line-height: 26px!important; padding:6px 8px; }
.slatelink .desc h3 { display: none;}
.slatelink .desc { margin-top: 20px; }
.slatelink .desc p {  font-size: 13px; }
.slatelink .desc p a {  font-size: 14px; }
.section1 img { height: 300px; }
.scrollup { bottom: 10px; right: 15px; }
footer {  padding: 40px 0px 0px 0px;  }
}
