/* lg */ 
@media (max-width: 1920px) {
.tabs-style-topline nav a {padding:1.5em 2em !important;}
.twofoldcontent {width:59.4%;}
.twofold{    background-position: 3%;}
}
@media (max-width: 1600px) {
.twofold {
    background-position: 0%;
}
}

@media (max-width: 1440px) {
.twofold {
    background-position: -10%;
}
}
@media (max-width: 1366px) {
.tabs-style-topline nav a {padding:1em 2em !important;}
.twofoldcontent {width:63.6%;}
}
@media (max-width: 1280px) {
.twofold {
    background-position: -20%;
}
}

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

}
@media (max-width: 1199px) {
.straight p{
	    font-size: 14px;
	}
.deployment-inner{
	    height: 160px;
    padding: 40px 0px;
    width: 160px;
	}
.deployment-inner p {
    font-size: 17px;
}
}
@media (max-width: 1024px) {
.w70p {width:80%;}
.tabs-style-topline nav a {padding:1em 1em !important;}
.text {font-size:15px; line-height:20px;}
.content-wrap section {font-size:15px; line-height:20px;}
.tabs {margin:20px auto !important;}
.formdiv h3, h3 {font-size:25px;}
.twofoldcontent {width:65.1%;}
.straight1 {margin-right:-65px;}
.caption {margin-top:43px;}
}

@media (max-width: 990px) {
    .navbar-header {
        float: left; width:100%;
    }
	.navbar-nav .open .dropdown-menu{background-color:#000 !important;}
	.navbar-collapse {
		width:100%;
        border-top: 1px solid transparent;
		background-color:#ededed;
		z-index:100;
		position:relative;
		top:70px;
		padding:0;
    }
    .navbar-toggle {
        position:relative; right:0; top:20px;
    }
    
/*    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }*/
    .navbar-nav>li {
        float: left;
		width:100%;
    }
	.navbar-toggle .icon-bar {background-color:#666; width:30px; height:3px;}
	/*.navbar-toggle {background-color:#ccc;}*/
    .main-menu ul li a {color:#000;}
	.main-menu ul li ul li a {color:#000;}
	.main-menu ul li a:hover, .main-menu ul li a:focus {color:#000;}
	.main-menu .nohover {float:none;}
	.main-menu .nohover a {color:#000;}
	.main-menu .nohover a:hover {background-color:#000;}
	.navbar-nav{margin:0;}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{margin:0;}
	
.straight {
    clip-path: none;
    -webkit-clip-path: none;
    padding-bottom: 1%;
    padding-top: 1%;
}
.straight h3{
     padding-top: 0;
    text-align: left;
    margin-bottom: 0;
    padding-left: 4%;
	}
.straight p {
    text-align: left;
    padding-left: 4%;
}
.deployment-inner-main{
	    width: 40%;
		    margin-right: 5%;
    margin-left: 5%;
	    margin-bottom: 3%;
    float: left;
	}
.deployment-inner {
    height: 240px;
    padding: 80px 0px;
    width: 100%;
    /* width: 240px; */
}
}




@media screen and (max-width:990px) {
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  padding-top:40px; 
}
.topmenu {position:absolute; right:0; top:5%;}
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav {margin:0; width:100%;}

}
@media (min-width: 990px) {
.dropdown:hover .dropdown-menu {
	display: block;
}
}

@media (max-width: 990px) {
.w50p {width:80%;}
.w70p {width:100%;}
.desktop {display:none;}
.mobile {display:block;}
p {font-size:15px; line-height:20px;}
li{font-size:15px;}
header .container {width:100%;}
input[type="submit"] {padding:7px 0;}
.formdiv {margin-top:53px;}
.formdiv h3 {font-size:20px; line-height:25px;}
.formdiv p {margin-bottom:0;}
.formleft{height:110px;}
.formleft{width: 100%;    margin-left: 0;
    height: auto; }
.twofoldcontent {width:65.6%;}
.straight1 {margin-right:-75px;}
.howto {margin:30px 0 0;}
.caption {margin-top:20px;}
.hero{    height: auto;
    padding-bottom: 5%;}
.form-box{
	   padding-right: 15px; 
    padding-left: 15px;
	}
.form-box{
	float:left;
	}
.caption h1 {
	font-size: 38px;
	    padding-top: 5%;
	}
}
@media (max-width: 900px) {

}

@media (max-width: 800px) {
.logoside {margin-top:5px;}
.twofoldcontent {width:64.6%;}
}

@media (max-width: 768px) {
.navbar-collapse {width:93%;}
.logoside li {font-size:11px;}
.twofoldcontent {width:65.1%;}
.twofold {
    background-position: -70%;
}
}

/* xs */
@media (max-width: 767px) {
.left {text-align:center;}
.right {text-align:center;}
.navbar-collapse {width:100%;}
.navbar-brand{padding-top:10px;}
.tabs-style-topline nav a {padding:0.5em 1em !important;} 
.number {font-size:40px;}
.text {margin-top:0;}
/*.hero {height:750px;}*/
.caption {margin-top:30px;}
.caption h1 {font-size:40px; line-height:50px; margin:5px;}
.caption h2 {font-size:30px; line-height:30px; margin:5px;}
.caption h3 {margin:5px;}
.formdiv {margin-top:20px;}
.formleft {transform:none; margin-left:0; height:auto;}
.straight {transform:none; margin-left:0; height:auto; padding:10px 20px;}
/*.straight h3 {margin:0 0 5px;}*/
.form {padding:1% 5%;}
.straight h3,.straight p{
	padding-left: 2%;
	}
#desktop-circles{
	display:none;
	}
#mobile-circles{
	display:block;
	}

#mobile-circles img{
	margin-bottom:3%;
}
}


@media (max-width: 736px) {

}

@media (max-width: 667px) {

}

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

.deployment-inner-main {
    width: 56%;
    margin-right: 22%;
    margin-left: 22%;
}
.deployment-inner {
    height: 255px;
    padding: 70px 0px;
    width: 255px;
}
.model h3, .developmentmodes h3, .benefits h3, .contact h3 {
    font-size: 30px;
}
.twofold {
    background-position: 100%;
}
}


@media (max-width: 600px) {

}

@media (max-width: 568px) {


}

@media (max-width: 480px) {
.formdiv h3 {font-size:14px; margin-bottom:0;}
.twofold {background-size:100%;}
.twofoldcontent {margin-top:300px; width:100%; transform:none; margin-right:0;}
.straight1 {transform:none; margin-right:0; padding:5%;}
.caption h1 {font-size:35px;    line-height: 1.1;}
.caption h2 {font-size:25px;}
.caption h3 {font-size:20px;}
.contact img {max-width:80%;}
.table h4, .table td {font-size:13px; padding:0 5px;}
.deployment-inner {
    height: 255px;
    padding: 80px 0px;
    width: 265px;
}
.deployment-inner p {
    font-size: 22px;
    line-height: 1.3;
}
.deployment-inner-main {
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
}
.twofold {
        background-position: top;
    background-size: 100%;
}
.straight{
	    padding: 1px 20px;
	}
.benefits ul li{
	    margin-bottom: 15px;
	}
}

@media (max-width: 414px) {
.twofoldcontent {margin-top:250px;}
}

@media (min-width: 375px) and (max-width: 384px) {

}

@media (max-width: 360px) {

}

@media (max-width: 320px) {
.hero {height:800px;}
}