/* Custom styles */
.pricing_tag{
	font-size: 18px;
}
.slicknav_menu {
	display:none;
}
.video{
	max-width: 100%;
	width: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.folding_pc_video{
	max-width: 420px; margin: 0 auto; padding-bottom: 16px;
}
.extra_1{
	max-width: 505px; margin: 0 auto; text-align: center;
}
.devices_table{
	margin-left: 25px; width: 570px; 
}
/* Responsive styles */

@media only screen and (max-width: 991px){  
	body{
		min-width: 100%;
	}
	img{
		max-width: 100%;
	}
	figure{
		width: 100%;
	}
	figure img{
		max-width: 100%;
	}
	.container_16{
		width: 750px;
		margin: 0 auto;
	}
	.container_16 .grid_16{
		width: 100%;
	}
	.container_16 .grid_5 {
	    width: 230px;
	}
	.container_16 .grid_6{
		width: 230px;
	}
	#sidebar{
		padding: 10px;
	}
	#sidebar h2{
		font-size: 14.5px;
	}
	.pricing_tag{
		font-size: 15px;
	}
	.container_16 .grid_11 {
	    width: 480px;
	}
	.video{
		width: 100%;
		border: none;
		position: relative;
	    overflow: hidden;
	    padding-top: 56.25%;
	}
	.video iframe{
		position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    border: 0;
	}
	.articleThumb{
		max-width: 100%;
	}
	.articleThumb img{
		max-width: 100% !important;
	}
	.folding_pc{
		width: 100%;
	}
	.responsive_table{
		overflow-x: auto;
		border: 1px solid #ddd;
		padding: 5px;
	}
	.articleBox{
		width: 215px;
	}
	.right,
	.contactForm label.rtbox,
	.contactForm label.ltbox{
		display: block;
		width: 100%;
		float: none;
	}
	.contactForm input.textBox,
	.contactForm textarea{
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contactForm select{
		width: 100%;
		display: block;
		margin-left: 0 !important;
		height: 26px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contactForm input.textBox{
		height: 26px;
	}
	.order_box{
		width: 100% !important;
		height: 436px;
		overflow: hidden;
	}
	.order_box_new {
		overflow: visible !important;
	}
	.order_box_left{
		width: 40% !important;
	}
	.order_box_right{
		width: 60% !important;
	}
	.orbr_buy_box {
	    position: relative;
	    left: auto;
	    bottom: auto;
	    height: 70px;
	    border-top: 1px solid #678aae;
	    background-color: #001123;
	    width: auto;
	    display: block;
	}
	.orbr_step1{
		margin-bottom: 30px;
	}
	.test{
		width: auto !important;
	}
	#mainContent p.steps span.text{
		width: auto;
		margin-left: 15px;
		float: none;
	}
}

@media only screen and (max-width: 767px){  
	.container_16{
		width: 100%;
	}
	.container_16 .grid_16 {
	    width: 100%;
	    display: block;
	    overflow: hidden;
	    box-sizing: border-box;
	    float: none;
	    padding: 10px;
	        padding-top: 10px;
	    margin: 0;
	    padding-top: 0;
	}
	#header img{
		max-width: 75%;
	}
	ul.nav li a{
		padding: 0 10px;
	}
	.container_16 .grid_5{
		float: none;
		margin: 0;
		width: 100%;
	}
	#sidebar{
		margin: 0 0 25px;
		text-align: center;
	}
	.books{
		margin-bottom: 0;
	}
	.container_16 .grid_11{
		width: 100%;
		margin: 0;
	}
	.contentArea{
		padding: 10px;
	}
	.container_16 .grid_6{
		width: 100%;
		float: none;
	}
	.testimonials{
		max-width: 242px;
	}
	#sidebar .sidebarContemtBox ul li{
		text-align: left;
	}
	.articleBox{
		width: 100%;
		float: none;
	}
	.articleBox .video{
		margin-bottom: 25px;
	}
	.sidebarContemtBox{
		text-align: left;
	}
	.sidebarContemtBox p span.number{
		margin-right: 10px;
	}
	.sidebarContemtBox p span.text{
		float: none;
		width: auto;
		margin-left: 27px;
	}
	#mainContent p.steps span.text{
		margin-left: 15px;
		float: none;
	}
	.folding_pc{
		width: 100% !important;
	}
	.mobile_hidden{
		display: none;
	}
	#formPreOrder{
		padding-right: 12px;
	}
	.form_wrapper{
		width: 100% !important;
	}
	.form_wrapper label{
		display: block !important;
		width: 100% !important;
		padding-right: 0 !important;
		text-align: left !important;
	}
	.form_wrapper input{
		width: 100% !important;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 26px !important;
	}
	.order_box{
		height: auto !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		background: #8DCAEC;
	}
	.order_box_right{
		height: auto !important;
		background: #002752;
	}
	.orbr_buy_box{
		width: 100% !important;
	}
	.orbr_step2_shipto{
		padding-right: 15px;
		width: auto !important;
	}
	.test .orbr_buy_box{
		position: relative !important;
	}	
	.order_box_right{	
	    background-image: none !important;
	}
}

@media only screen and (max-width: 600px){  	
	#bodyPanel{
		padding-top: 0px;
	}
	.nav{
		display: none;
	}
	.slicknav_menu {
		display:block;
		background: #022a56;
	}
	.slicknav_btn{
		background: #e3f3fb;
	}
	.slicknav_menu .slicknav_icon-bar{
		background: #002A5A;
	}
	.slicknav_nav li{
		margin: 0;
	}
	#mobile_menu{
		
	}
	.slicknav_nav a{
		
	}
	.slicknav_nav a:focus,
	.slicknav_nav a:hover{
		background: #e3f3fb;
		color: #002A5A;
	}
	.contentAreaBtm{
		display: none;
	}
	#header img{
		height: auto;
	}
	.articleThumb{
		padding-left: 10px;
		width: 150px;
	}
	.article_title{
		font-size: 18px;
		line-height: 24px;
	}
	.order_box_left {
	    width: 100% !important;
	    float: none !important;
	    height: auto !important;
	    margin-bottom: 25px;
	}
	.order_box_right{
	    width: 100% !important;
	    float: none !important;		
	    background-image: none !important;
	}
	.form_wrapper select {
	    height: 26px !important;
	    width: 100% !important;
	}
	.orbr_step1{
		padding-top: 15px;
	}
	.orbr_buy_box{
		position: relative !important;
		left: auto !important;
		bottom: auto !important;
	}
}

@media only screen and (max-width: 479px){  
	#footer p a{
		display: block;
		padding: 5px;
	}
	#footer {
	    background: #011f51 url(../images/footer-bg.jpg) repeat-x 0 0;
	    height: auto;
	    padding: 15px 0;
	}
	#header .container_16{
		padding-top: 40px;
	}
	#header{
		height: 80px;
	}
	.articleThumb{
		width: 100%;
		float: none;
		padding: 0;
		margin-bottom: 20px;
		text-align: center;
	}
	.articleThumb img{
		margin-bottom: 5px;
		float: none;
	}
	.orbr_buy_box .total{
		font-size: 20px !important;
	}
	.orbr_buy_box .price{
		font-size: 26px !important;
	}

}

@media only screen and (max-width: 360px){  
	
}