/* fix bootstrap bug */

@media (min-width: 992px) and (max-width:1024px) {

	SECTION.container-fluid
	{
	padding-right: 17px;
	}

	SECTION.container-fluid .container
	{
	width: 100%;
	}
	
}

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

	#home #works .col-xs-12 .step
	{
	height:auto;
	}
	
	#home #video .rightcol
	{
	text-align:center;
	}
	
	.btn
	{
	padding-left:25px;
	padding-right:25px;
	}
	
	#home #video .rightcol H2
	{
	margin-top:20px;
	}
	
	#home #compare
	{
	min-height:915px;
	}
	
	#compare #based
	{
	min-height: 708px;
	}
	
	.control-row .form-group
	{
	width: 100%;
	}

	.control-row .form-group:first-child
	{
	padding-right:0px;
	}
	
	#contact #form H6
	{
	font-size:24px;
	}
	
	#company #partner H2
	{
	font-size:24px;
	}
	
	#company #partner H3
	{
	font-size:24px;
	}
	
	.table
	{
	width:1000px;
	}
	
}

/* up to tablets */
@media (max-width:768px) {


	#home #hero
	{
	background-position-x: 85%;
	padding-top: 72vmin;
	min-height: 124vh;
	}
	
	#home #hero #bbb
	{
	margin-left:auto;
	}
	
	#home #hero #btnCTA
	{
	padding-left:40px;
	padding-right:40px;
	}
	
	.section-slant
	{
	clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 100%);
	margin-top:-150px;
	padding-top:20vh;
	padding-bottom:30vh;
	}
	

}


/* above tablets */
@media (min-width:769px) {

	#home #hero .col-md-7.text-center
	{
	text-align:left;
	}

}

@media (max-width:1200px) {

	NAV
	{
	min-height:66px;
	font-size:19px;
	}

	NAV .navbar-brand
	{
	padding-top:7px;
	padding-bottom:0;
	}

	NAV .navbar-brand>img
	{
	height:51px;
	}

	NAV .navbar-right
	{
	margin-top:9px;
	}

}

/* make smaller iPad act like mobile with navbar menu */
@media (max-width: 991px) {

	.container
	{
	width:100%;
	}

	.navbar-header
	{
	float: none;
	}
	
	.navbar-left,.navbar-right
	{
	float: none !important;
	}
	
	.navbar-toggle
	{
	display: block;
	}
	
	.navbar-collapse
	{
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	
	.navbar-fixed-top
	{
	top: 0;
	border-width: 0 0 1px;
	}
	
	.navbar-fixed-top *
	{
	transition:none;
	}
	
	.navbar-collapse.collapse
	{
	display: none!important;
	}
	
	.navbar-nav
	{
	float: none!important;
	margin-top: 7.5px;
	}
	
	.navbar-nav>li
	{
	float: none;
	outline:none;
	}
	
	.navbar-nav>li>a
	{
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	.collapse.in
	{
	display:block !important;
	background-color: rgb(6 14 23 / 70%);
	}
	
	NAV.scrolled .collapse.in
	{
	background-color:#135;
	}
	
	.navbar-toggle:focus
	{
	background-color: rgb(6 14 23 / 70%) !important;
	}
	
	NAV .navbar-brand>img
	{
	height:35px !important;
	}
	
	NAV.scrolled
	{
	min-height:51px;
	}
	
	
}

/* ipad pro portrait mode only */
@media only screen and (orientation: portrait) and (min-width:1024px) and (max-width:1111px) and (-webkit-min-device-pixel-ratio: 2) and (hover: none) {

	#home #hero
	{
	background-position-x: 85%;
	padding-top: 62vmin;
	min-height: 100vh;
	}
	
	#home #hero .col-md-7.text-center
	{
	text-align:center;
	width:100%;
	}
	
	#home #hero #bbb
	{
	margin-left:0;
	}
	

}


/* ipad portraide mode only */
@media only screen and (orientation: portrait) and (min-width:768px) and (max-width:768px) {

	#home #hero H1
	{
	margin-top: -3vh;
	}
	
	.navbar-toggle
	{
	margin-right:-5px;
	}
	
	.collapse.in
	{
	margin-left:-15px;
	margin-right:-15px;
	}
	
}