@media only screen and (min-width:1200px) and (max-width:1580px) {


}

@media only screen and (min-width:992px) and (max-width:1199px) {

.navbar-brand { width:200px; }
.navigation > ul > li { margin-left:8px; }
.navigation > ul > li > a { padding:18px 12px 19px; font-size:13px; }
.top-right a[href*="tel"] { margin-top:12px; }
.main_banner { height:600px; }
.services .block.pc .info, .services .block.net .info { padding-top:8px; }
.services .block .info { height:112px; }
.what-we-do { background-position:right bottom; }

}

@media only screen and (min-width:768px) and (max-width:991px) {
h2 { font-size:26px; line-height:32px; }
h3 { font-size:20px; line-height:26px; }
h4 { font-size:18px; line-height:24px; }
h5 { font-size:16px; line-height:24px; }
h6 { font-size:14px; line-height:20px; }
.sec-equal { padding:20px 0; }
.title-sec { margin-bottom:20px; }
#header .container { max-width:720px; height:57px; position:relative; }
.navbar-brand { width:200px; position:absolute; z-index:1; }
.top-right { float:none; }
.top-right a[href*="tel"] { margin:-32px 36px 0 0; font-weight:500; font-size:13px; position:relative; z-index:1; }
.mobile-menu, .mean-container .mean-bar { position:inherit; z-index:auto; float:none; }
.mean-container a.meanmenu-reveal { padding-top:15px; }
.mean-container .mean-nav { float:none; margin:0; position:absolute; top:57px; z-index:1; background-color:#e2e2e2; max-height:350px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; }
.mean-container .mean-nav ul li a { float:none; width:100%; box-sizing:border-box; font-weight:500; color:#606060; text-transform:uppercase; border-top-color:#000; }
.mean-container .mean-nav > ul > li.active > a, .mean-container .mean-nav > ul > li.active > a:hover { background-color:#19b5fe; color:#fff; }
.mean-container .mean-nav > ul > li:first-child > a { border-top:none; }
.mean-container .mean-nav > ul > li:hover > a, .mean-container .mean-nav ul > li ul > li:hover > a { color:#000; }
.mean-container .mean-nav > ul > li.active:hover > a { color:#fff; }

.mean-container .mean-nav ul li a.mean-expand { width:44px; height:46px; background-color:rgba(0,0,0,0.8); color:#fff; margin-top:0; padding:0 !important; line-height:46px; border:none !important; }
.mean-container .mean-nav ul li a.mean-expand:hover { background-color:#383838; }
.mean-container .mean-nav ul li li a { width:100%; text-transform:none; font-weight:300; font-size:13px; border-top-color:#000; color:#000; }

.services .block .info { border-left:none; }
.services .block .info { height:auto; padding:0; }
.services .block.pc .info, .services .block.net .info { padding-top:0; }
.services .block { margin-bottom:20px; }

.what-we-do { background-position:right bottom; }
.skills .timer { font-size:54px; line-height:72px; }
.submit-ticket label { font-size:13px; }

}

@media (max-width: 767px) { 

body { font-size:13px; line-height:18px; }

h2 { font-size:26px; line-height:32px; }
h3 { font-size:20px; line-height:26px; }
h4 { font-size:18px; line-height:24px; }
h5 { font-size:16px; line-height:24px; }
h6 { font-size:14px; line-height:20px; }

#header .container { max-width:540px; height:57px; position:relative; }
.navbar-brand { width:200px; position:absolute; z-index:1; }
.top-right { float:none; }
.top-right a[href*="tel"] { margin:-32px 36px 0 0; border-radius:50%; width:32px; height:32px; padding:0 0 0 10px; line-height:32px; font-weight:500; font-size:13px; position:relative; z-index:1; }
.top-right a[href*="tel"] span { display:none; }
.mobile-menu, .mean-container .mean-bar { position:inherit; z-index:auto; float:none; }
.mean-container a.meanmenu-reveal { padding-top:15px; }
.mean-container .mean-nav { float:none; margin:0; position:absolute; top:57px; z-index:1; background-color:#e2e2e2; max-height:350px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; }
.mean-container .mean-nav ul li a { float:none; width:100%; box-sizing:border-box; font-weight:500; color:#606060; text-transform:uppercase; border-top-color:#000; }
.mean-container .mean-nav > ul > li.active > a, .mean-container .mean-nav > ul > li.active > a:hover { background-color:#19b5fe; color:#fff; }
.mean-container .mean-nav > ul > li:first-child > a { border-top:none; }
.mean-container .mean-nav > ul > li:hover > a, .mean-container .mean-nav ul > li ul > li:hover > a { color:#000; }
.mean-container .mean-nav > ul > li.active:hover > a { color:#fff; }

.mean-container .mean-nav ul li a.mean-expand { width:44px; height:46px; background-color:rgba(0,0,0,0.8); color:#fff; margin-top:0; padding:0 !important; line-height:46px; border:none !important; }
.mean-container .mean-nav ul li a.mean-expand:hover { background-color:#383838; }
.mean-container .mean-nav ul li li a { width:100%; text-transform:none; font-weight:300; font-size:13px; border-top-color:#000; color:#000; }

.main_banner { height:100vh; }
.main_banner .banner-caption { width:100%; bottom:inherit; top:40%; left:15px; }
.main_banner .banner-caption h2 { font-size:36px; line-height:44px; }
.main_banner .banner-caption p { font-size:18px; line-height:24px; }

.sec-equal { padding:20px 0; }
.title-sec { margin-bottom:20px; }

.services .title-sec { margin-bottom:40px; }
.services .block .info { height:auto; padding:0; border-left:0; }
.services .block.pc .info, .services .block.net .info { padding-top:0; }
.services .block { margin-bottom:20px; }
.services .block .icon { width:72px; height:72px; line-height:72px; float:none; margin:0 auto 10px; }
.services .block.pc .icon { padding-top:16px; }
.services .block .info { width:100%; float:none; text-align:center; }
.services .block .info h5 { font-size:16px; }
.services .block .icon img { width:54px; }
.services.resident .col-6 h5 { font-size:13px; }

.what-we-do { background:#01274d; }
.skills .timer { font-size:32px; line-height:46px; }
.skills div[class*=col-] + div[class*=col-] .timer { margin-top:20px; }

.openDivFb { padding:20px; }
.nptTyp { height:40px; }

.btn-wrap .btn-default + .btn-default { margin-top:10px; }

.testimonials .item p { font-size:14px; line-height:20px; }

}

@media only screen and (min-width:577px) and (max-width:767px) {


	
}

@media only screen and (max-width:576px) {
	
#header .container { max-width:100%; } 

}