/* lg */ 
@media (max-width: 1920px) {
.captionbtn::after {width:650px;}
}
@media (max-width: 1600px) {

}
@media (max-width: 1366px) {
.captionbtn::after {width:400px;}
}
@media (max-width: 1280px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  

}

@media (max-width: 1024px) {
.w70p {width:80%;}
.hero .caption {left:45%;}
.carousel .item {height:150px;}
.captionbtn:after {width:250px;}
.accordion-heading legend {font-size:25px; line-height:25px;}
.topright {width:180px; margin-left:0;}
.navbar-nav > li > a {font-size:14px; padding:25px 2px;}
.navbar-brand {width:100px;}
.navbar-brand > img {width:100%;}
}

@media (max-width: 990px) {
    .navbar-header {
        width:100%; display:block; margin:0 !important;
    }
	.topright {display:none;}
	.toprightmobile {display:block;}
	.navbar-nav .open .dropdown-menu{background-color:#f15a22 !important;}
	.navbar-collapse {
		width:100%;
        /*border-top: 1px solid transparent;
		background-color:#ededed;*/
		z-index:100;
		position:relative;
		/*top:40px;*/
		padding: 0;
		
    }
	.navbar .navbar-collapse {text-align:left; width:100%;}
    .navbar-toggle {
        position:relative; right:0; top:10px; margin-top:5px 0;
    }
	.navbar-brand {width:100px;}
	.navbar-brand > img {width:100%;}
    .dropdown-menu li a {border-bottom:solid 1px #f97e50;}
/*    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }*/
	
    .navbar-nav>li {
        float: left;
		width:100%;
    }
	.navbar-nav {margin:0;}
	.navbar-nav > li > a {padding:10px 15px; border-top:solid 1px #ccc;}
	.navbar .navbar-right {float:left !important;}
	.navbar-toggle .icon-bar {background-color:#f15a22; width:30px; height:3px;}
	/*.navbar-toggle {background-color:#ccc;}*/    
	.mobilesearch {position:relative; float:right; right:10px; top:20px;}
	
}




@media screen and (max-width:990px) {
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  padding-top:40px; 
}

}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {


}
/*@media (min-width: 990px) {
.navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
		margin-top:-45px;
		margin-left:-72px !important;
    }
    
}*/

@media (max-width: 990px) {
.w50p {width:80%;}
.w70p {width:100%;}
.navbar-brand {padding:2px 15px;}
.toprightmobile {margin:5px 15px;}
.desktop {display:none !important;}
.mobile {display:block !important;}
.hero .caption {left:0; bottom:0; top:auto; width:100%; background-color:rgba(255,255,255,0.8);}
.carousel .item {height:100px;}
.carousel-control {bottom:40px;}
.carousel-control.top {bottom:80px;}
.captionbtn {left:0; position:relative;}
.captionbtn:after {width:60%;}
.whyusevideo {margin-top:0;}
.accordion {width:100%;}
.accordion .div {width:33.3% !important; margin:1% 0;}
.accordion-heading legend {font-size:30px; line-height:25px;}
.advantages .col-sm-4 {height:250px;}
.awardbox {margin:0;}
.iframe {width:100%; height:700px;}

}

@media (max-width: 900px) {

}

@media (max-width: 800px) {

}

@media (max-width: 768px) {

}

/* xs */
@media (max-width: 767px) {

.left {text-align:center;}
.right {text-align:center;}
.topright img {width:60%; float:right;}
.logo {margin:-100px auto 0;}
.menu span::before {margin:0 10px; top:5px;}
.hero {height:480px; margin-top:0; background-position: -150px center;}
h1 {font-size:40px; line-height:40px;}
.dot:before, .dot:after {display:none;}
.advantages div {width:100%;}
.social {float:left; margin-top:10px;}
.inlinehead h2 {padding:0 20px;}
.accordion {padding:0;}
.accordion-heading legend {font-size:30px; line-height:20px; padding:0 10px; margin-bottom:10px;}
.accordion-heading legend span {font-size:20px;}
.flex {display:block; margin:-2px 0 0 0;}
.flex .feature {width:99%; display:block; margin:1% 0.5%;}
.accordion .div {width:100% !important;}
.accordion .div .title {margin:10px 0 0 0; padding:0;}
}


@media (max-width: 736px) {

}

@media (max-width: 667px) {

}

/* XS Portrait */
@media (max-width: 640px) {
.w80p, .w50p {width:100%;}


}


@media (max-width: 600px) {

}

@media (max-width: 568px) {

}

@media (max-width: 480px) {
.navbar-brand {width:25%; margin:0;}
.navbar-toggle {margin:0;}
.toprightmobile {width:50%;}
header {position:relative;}
.topmenu {background-color:#222; margin:0; padding:20px 0;}
.logo {margin:-50px auto 0; left:38%; position:absolute;}
.hero {height:500px;}
.captionbtn:before {width:30px;}
.captionbtn:after {width:40%;}
.caption h2 {font-size:20px; line-height:25px; padding-left:35px;}
.carousel-caption h1 {font-size:35px; line-height:30px; padding-left:35px;}
.carousel .item {height:50px;}
.innerpage {margin-top:0;}
.nb-form {top:5%;}
.abouttabs div {width:98%; margin:1%;}
.menu:hover span:before {top:5px;}
}

@media (max-width: 414px) {

}

@media (max-width: 384px) {

.logo {left:39%;}
.logo img {width:80px;}
}

@media (max-width: 360px) {

}

@media (max-width: 320px) {
.menu span {font-size:12px;}
.navbar-brand {width:20%; padding:2px 5px;}
.carousel-caption h1 {font-size:25px; padding-left:10px;}
.caption h2 {padding-left:10px;}
}