/* Portrait tablet to landscape and desktop */
@media only screen and (max-width: 880px) {
	.navbar{clear:both;}
}

@media (min-width: 1200px) {
}

@media (min-width: 992px) {
.navbar .nav > { text-align:right; position:relative;}
.navbar .nav > li { display:inline-block; float:left; position:relative;}
.navbar .nav > li > a{}
/*--COMMON SITE NAVIGATION DROPMENU--*/
ul.nav li a:hover{z-index:9999;}
ul.nav li:hover{z-index:9999;}
ul.nav li.dropdown:hover > a{ background:#aaa;}
ul.nav li:hover > a{ text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
ul.nav :hover ul{left:auto;top:50px;margin:0;padding:0;}
ul.nav ul, ul.nav:hover ul ul{position:absolute;left:-9999px;top:-9999px;height:0;margin:0;padding:0;list-style:none;}
ul.nav :hover > ul{ padding:0; margin:0; width:970px; height:auto; display:inline-block; background:#FFF; z-index:9999; top: 62px;}
ul.nav li:nth-child(1):hover > ul.dropdown-menu {left: -3px;}
ul.nav li:nth-child(2):hover > ul.dropdown-menu {left: -109px;}
ul.nav li:nth-child(3):hover > ul.dropdown-menu {left: -215px;}
ul.nav li:nth-child(4):hover > ul.dropdown-menu {left: -323px;}
ul.nav li:nth-child(5):hover > ul.dropdown-menu {left: -440px;}
ul.nav li:nth-child(6):hover > ul.dropdown-menu {left: -540px;}
ul.nav li:nth-child(7):hover > ul.dropdown-menu {left: -630px;}
ul.nav :hover > ul li { height:auto!important; line-height:normal; border:none; padding:0; margin:0;}
ul.nav :hover > ul li a { width:100%; display:inline-block; text-align:left; color: #999999; float:left; padding:10px 17px 14px; height:auto!important; line-height:22px!important; display:block !important; border:none;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
	filter:none !important;
}
ul.nav :hover > ul li a:hover, ul.nav :hover > ul li a:focus {text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0,0.3); color:#0a1a58; box-shadow:none;}
ul.nav :hover > ul > li {
    display: inline-block;
    width: 50%;
    float: left;
    height: auto!important;
    min-height: auto!important;
    line-height: normal;
    border: none;
    padding: 0 20px;
    margin: 0;
}
ul.nav :hover > ul.dropdown-menu {
    padding-top: 10px;
    padding-bottom: 20px;
    border-top: 1px solid #bfc2ce;
}
ul.nav :hover > ul.dropdown-menu > li:first-child {
    border-right: 1px solid #eeeeee;
}
ul.nav :hover > ul > li > ul {
    display: block;
    width: auto;
    height: auto!important;
    position: relative;
    left: auto;
    right: auto;
    top: auto !important;
}
ul.nav :hover > ul > li > ul {
    width: 50%;
    vertical-align: top;
    margin-bottom: 10px;
    float: left;
}
ul.nav :hover > ul > li > ul.full-width {
    width: 100% !important;
    margin-bottom: 0;
}
ul.nav :hover > ul > li > ul > li {
    width: 100%;
    padding: 0;
    height: auto !important;
    min-height: auto !important;
}
ul.nav :hover > ul > li > ul > li > a {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0;
    color: #999999;
    border-bottom: 1px solid #eeeeee;
}
ul.nav :hover > ul > li > ul > li > a:before {
    content: "\00BB\00a0";
    font-size: 18px;
    font-size: 1.8rem;
}
ul.nav :hover > ul > li > a {
    padding: 10px 0 14px 0;
}
ul.nav :hover > ul > li > a span {
    font-size: 14px;
    font-size: 1.4rem;
    color: #666666;
}
ul.nav :hover > ul > li > a span:hover {
    color: #0a1a58 !important;
}
}

@media (max-width: 991px) {
#logo a{ float:none;}
.navbar-toggle{ color:#57474c; padding:8px 10px 9px; margin:24px 0 5px;}
.navbar-toggle .menu-text{ font-family:'Roboto'; font-weight:500;}
.navbar-toggle:hover .menu-text{ text-shadow:1px 1px 1px rgba(0,0,0,0.3);}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ color:#444; background:#f7f7f7;}
.navbar{float:right; margin: 2px 0 !important; width: 100%;}
.navbar-collapse{ border:none; box-shadow:none;}
.navbar .nav{
width:100%;
background:#f7f7f7;
padding:0;
margin:0;
}

.collapse.in{ margin:5px;}

.collapse.in ul {
	background:#777;
	margin:10px 0 !important;
	border-radius:3px;
	z-index:999;
}
.navbar .nav ul.dropdown-menu{ width:100%; display:inline-block; list-style:none; box-shadow:none; padding:0; margin:0; top:auto; position:relative; background-color: #e8e8e8; text-align: left;}
.navbar .nav li{ width:100%; display:inline-block; background:none; border:none; margin:1px 0 0;}

.navbar .nav > li {
    padding: 0;
}
.navbar .nav li.active {
    border: none;
}
.navbar .nav li.active > a {
    background-color: #0a1a58 !important;
    color: white !important;
}
.navbar .nav > li > a{
	padding:8px 10px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background:#fbfbfb;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
	background:#fbfbfb;
}
.navbar .nav > .active > a:hover {
	background:#fbfbfb;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{ color:#666;}
.collapse.in ul.dropdown-menu a{ font-size:14px; border-radius:2px;}
.navbar .nav ul li a{ display:block; text-decoration:none; color:#666; padding:8px 20px 8px;}
.navbar .nav ul li a:hover{ color:#0a1a58 !important; border-radius:0; text-shadow: none;}
.navbar .nav ul li.active a:hover { color: #FFF !important;}

.banner-content{ bottom:100px;}

.industries-box-area .industry-box{ padding-left:8%; padding-right:8%;}

.service-block-one .our-service-text, .service-block-one .our-service-img{ width:100%; max-width:none; float:none;}
.service-block-one .our-service-img img{ width:100%;}

.contact-content .contact-left p{ padding-right:6%;}

.blog-content .blog-box{ padding-bottom:10px;}
.blog-content .blog-box-text{ padding:0 !important;}
.blog-content .blog-box-text h2{ padding-top:8px;}

.testimonials-box-area .testimonials-box .testimonial-logo-container + .testimonial-text-container {margin-top: 20px; }
}

@media (min-width: 991px) and (max-width: 1200px) {
.news-area .news-img{ padding:15px 5px;}

.industries-box-area .industry-box{ padding-left:8%; padding-right:8%;}

.right-area .right-box-contact p{ font-size:17px; padding-left:30px; padding-right:9px;}
.right-area .right-box-contact p .icon{ left:9px;}
.right-area .right-box-contact p a{ font-size:14px;}

.blog-content .blog-box-text h2{ padding-top:0;}
}

@media (min-width: 768px) and (max-width: 991px) {
.resp-tabs-list li{ padding-left:20px; padding-right:20px;}

.news-area .news-img{ padding:25px 5px;}
.news-area .news-text{ padding-top:20px;}

.industries-box-area li{ width:25%;}

.popup-left-box{ width:69%;}
.popup-right-box{ width:30%;}

.about-our-clients .jcarousel-wrapper, .about-our-affiliates .jcarousel-wrapper{ padding-left:8px; padding-right:8px;}
.about-our-clients .jcarousel-control-prev, .about-our-clients .jcarousel-control-next, .about-our-affiliates .jcarousel-control-prev, .about-our-affiliates .jcarousel-control-next{ left:-30px;}
.about-our-clients .jcarousel-control-next, .about-our-affiliates .jcarousel-control-next{ left:auto; right:-30px;}

.services-nav li a{ padding-left:20px; padding-right:20px;}

.footer-top ul li a, .footer-contact p{ font-size:12px;}

.contact-content .contact-right{ padding-left:2%;}

.right-area .right-box-contact p{ font-size:17px; padding-left:35px; padding-right:10px;}
.right-area .right-box-contact p .icon{ left:12px;}
.right-area .right-box-contact p a{ font-size:14px;}

.slick-slider{ margin-left:15px; margin-right:15px;}
.slick-prev{ left: -40px;}
.slick-next{ right: -40px;}
}

@media (min-width: 768px) {
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.right-padding{ padding-right:5px !important;}
.left-padding{ padding-left:5px !important;}

.fleft { float:none;}
.fright { float:none;}

.row [class*="col-"] { padding-left:10px !important; padding-right:10px !important;}
.row .row [class*="col-"]{ padding-left:0 !important; padding-right:0 !important;}

#logo{ padding-top:6px;}

.navbar-toggle{ margin-top:-50px;}

.banner-content h1{ font-size:48px;}

.sb-search{ margin-top:-55px; margin-right:70px;}

.resp-tabs-container{ padding:5px 0 20px;}

.flex-direction-nav li a.next { right:0;}
.flex-direction-nav li a.prev { left:0;}

.news-area .news-img{ padding-top:10px;}
.news-area .news-text{ padding-top:15px;}

.industries-box-area li{ width:33.3%;}

.popup-content h3{ text-align:center;}
.popup-content h3 span{ padding-top:5px;}
.popup-left-box{ width:100%; padding-right:0;}
.popup-right-box{ width:215px; float:none; padding-left:20px; margin-top:10px;}

.about-our-clients .jcarousel-wrapper, .about-our-affiliates .jcarousel-wrapper{ padding-left:28px; padding-right:28px;}
.about-our-clients .jcarousel-control-prev, .about-our-clients .jcarousel-control-next, .about-our-affiliates .jcarousel-control-prev, .about-our-affiliates .jcarousel-control-next{ left:-8px;}
.about-our-clients .jcarousel-control-next, .about-our-affiliates .jcarousel-control-next{ left:auto; right:-8px;}
.about-our-affiliates .our-affiliate{ width:240px; padding-left:8px; padding-right:8px;}

.service-right .report-box{ width:70%; min-width:295px;}

.footer-bottom, .footer-bottom p.copyRight{ text-align:center;}

.template-top{ padding:25px 0;}
.template-top img, .template-bottom img{ margin-top:0;}

.contact-content{ background:#f9fafb;}
.contact-content .contact-left .text-box{ width:48.75%; font-size:14px;}
.contact-content .contact-left label.label-text-box { width:48.75%;}
.contact-content .contact-left select.select-text-box { font-size:14px;}
.contact-content .contact-left textarea.text-box{ width:98.75%;}
.contact-content .contact-right{ padding-top:20px; padding-bottom: 50px;}
.contact-content .contact-left {padding-right:30px;}

.casestudy-area .casestudy-box, .careers-left, .blog-content .blog-box-area, .blog-content .blog-detail{ width:100%; margin-right:0;}
.blog-content .blog-detail h2{ padding-top:5px;}

.right-area{ padding-bottom:30px;}

.slick-slider{ margin-left:22px; margin-right:22px;}
.slick-prev{ left:-34px;}
.slick-next{ right:-34px;}

.banner-text-content {
    background: rgba(10,26,88,0.35);
    text-align: center;
}
.team-member-container {
    margin-bottom: 20px;
}

}

@media (max-width: 568px) {
.resp-tabs-list li{ font-size:13px;}

.services-nav li a{ font-size:13px;}
}

@media (min-width: 568px) and (max-width: 767px) {
}

@media (min-width: 480px) and (max-width: 567px) {
.industries-box-area li{ width:50%;}

.careers-box .careers-box-left{ width:64%;}
.careers-box .careers-box-right{ width:36%;}
}

@media (max-width: 480px) {
    .team-member-container {
        width: 100% !important;
    }
}

/* Landscape phones and down */
@media (max-width: 479px) {
.header-top{ text-align:center;}
.navbar{ float:none;}
.navbar-toggle{ width:100%; margin-top:10px;}

.sb-search{ float:none; margin-top:12px; margin-right:0;}
.sb-search.sb-search-open{ width:230px;}

.banner-content{ bottom:80px;}
.banner-content h1{ font-size:35px;}

#content .container{ padding-left:15px !important; padding-right:15px !important;}

.resp-tabs-list li{ font-size:10px;}
.industries-box-area li{ width:50%;}
.industries-box-area h3{ font-size:14px;}
.industries-box-area .industry-box{ padding-left:5%; padding-right:5%;}

.about-our-services [class*="col-xs-"]{ width:100%;}

.services-nav li a{ font-size:10px; padding-left:2px; padding-right:2px;}

.popup-affiliate h3 img{ max-width:100%; margin-right:0;}
.popup-affiliate h3 span{ max-width:100%; padding-top:10px;}

.contact-content .contact-left .text-box{ width:100%; margin-right:0;}
.contact-content .contact-left label.label-text-box { width:100%; margin-right:0;}
.contact-content .contact-left textarea.text-box{ width:100%;}

.careers-box .careers-box-right a{ font-size:14px; padding:8px 10px;}

.slick-slider{ margin-left:26px; margin-right:26px;}
}

@media (min-width: 321px) and (max-width: 479px) {
}

@media (max-width: 320px) {
}