.visible-xs{
	display: none !important;
}
.hidden-xs{
	display: block !important;
}
@media(min-width: 1400px){
	.container{
    max-width: 1200px;
}
}
@media(max-width: 767px){
	.visible-xs{
		display: block !important;
	}
	.hidden-xs{
		display: none !important;
	}
}
@media(max-width: 1800px){
	.landing_header .opt_img{
	    right: 0;
	    width: 45rem;
	    bottom: 2.5rem;
	}
}
@media(max-width: 1440px){
	html,body{
		font-size: 14px;
	}
}
@media(max-width: 1400px){
	.header img{
		margin:  0;
	}
}
@media(max-width: 1366px){
	html,body{
		font-size: 14px;
	}
}
@media(max-width: 1280px){
	html,body{
		font-size: 14px;
	}
	.label .checkmark:after{
	    width: 0.725rem;
	    height: .725rem;
	}
}
@media(max-width: 1024px){
	html,body{
		font-size: 14px;
	}
}
@media(max-width: 992px){
	.navbar-light .navbar-toggler{
		color: #fff;
	}
	.landing_header .opt_img {
	    right: 0;
	    width: 40rem;
	}
}
@media(max-width: 767px){
	html,body{
		font-size: 14px;
	}
	.order{
		order: initial;
	}
	.navbar-light .navbar-toggler{
	    color: white;
	    padding: 0;
	    border: 0;
	    font-size: 1.5rem;
	    background: transparent !important
	    outline: 0 !important;
	    box-shadow: none !important;
	}
	.header {
	    text-align: center;
	}
	.header .button_flex{
	    justify-content: center;
	}
	.header .flexer h1{
	    font-size: 2rem;
	}
	.header img{
		display: block;
		width: 75%;
		margin: auto;
		margin-bottom: 2rem;
	}
	.used_section .img_box{
		min-height: 4rem;
	}
	.content_section {
    padding: 3.5rem 0;
    text-align: center; 
}
.content_section ul {
    text-align: left; 
}
.content_section p, .header p {
		text-align: start;
}
	
.bg-grey{
	background-color: #f3f3f3;
}
	.content_section img{
	    width: 80%;
	    margin-bottom: 2rem;
	}
	.content_section .flexer > span{
	    width: 100%;
	}
	.content_section .button_flex{
	    justify-content: center;
	    width: 100%;
	}
	.content_section.content_section_last{
	    padding-bottom: 5rem;
	}
	.best_section{
	    padding: 5rem 0;
	    text-align: center;
	}
	.best_section .img_box{
	    position: relative;
	    right: initial;
	    top: initial;
	    width: 75%;
	    margin: auto;
	}
	.best_section .button_flex{
	    justify-content: center;
	}
	.make_section{
	    padding: 2.5rem .5rem;
	    padding-bottom: 0;
	}
	.make_section p{
	    width: 100%;
	}
	.make_section img{
		width: 100%;
	}
	.quote_section{
	    padding: 4rem 0;
	}
	.quote_section .quote_img{
	    display: block;
	    margin: auto;
	    width: 50%;
	    margin-bottom: 2rem;
	}
	.quote_section .flexer > span{
	    width: 75%;
	}
	.pack_section .temp1{
	    margin-bottom: 2rem;
	}
	.pack_section h3{
	    margin-top: 2.5rem;
	}
	.pack_section .button_flex{
	    margin-bottom: 2.5rem;
	}
	footer .sub_box{
	    padding: 2.5rem 1.5rem;
	}
	footer .sub_box h3{
	    font-size: 1.5rem;
	}
	footer .sub_box form{
	    display: block;
	}
	footer .sub_box form .form-group{
	    width: auto;
	    margin-bottom: 1rem;
	    padding: 0;
	}
	footer .sub_box form .btn_purple{
	    width: 100%;
	}
	footer h4{
	    margin-top: 1.5rem;
	}
	.header.product_header{
	    background-position: 80%;
	    background-size: cover;
	    padding-top: 5rem;
	    padding-bottom: 10rem;
	}
	.tab-pane .content_section img{
	    margin: auto;
	    width: 70%;
	    display: block;
	    margin-bottom: 2rem;
	}
	.tab-pane .content_section ul{
	    text-align: left;
	}
	.header {
	    padding-top: 2.5rem;
	}
	.header img{
		margin-left: 20%;
	}
	.header.product_header{
		background-position: 0;
	}
	.header.product_header h1 {
	    font-size: 2.5rem;
	}
	.product-wrap-sec .content_section h3,
	.product-wrap-sec .content_section p{
		text-align: left;
	}
	.container{
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar-collapse{
		padding-top: 1rem;
	}
	.landing_header {
	    background-size: cover;
	    padding-bottom: 2.5rem;
	}
	.landing_header h2{
	    font-size: 2rem;
	}
	.landing_header .opt_img{
	    position: relative;
	    bottom: initial;
	    width: 100%;
	    margin-top: 5rem;
	}
	.landing_header .white_box,.landing_header ul{
	    width: 100%;
	}
	.landing_header h2 span{
	    display: inline-block;
	}
	.landing_header ul{
		display: block;
		text-align: center;
	}
	.footer2 .link {
	    margin-bottom: 1rem;
	}
	.footer2 .link li{
	    display: block;
	}
	.footer2 .social li:first-child{
		margin: 0 !important;
		display: block;
	}
	.footer2 .social{
	    text-align: center;
	}
	.footer2 .social li a{
		margin-top: .5rem;
	}
	.download_section{
		background: url(../images/download_bg.png);
		background-size: 100% 25%;
		background-repeat: no-repeat;
	}
	.download_section .bg{
		display: none;
	}
	.download_section h2{
	    font-size: 2.5rem;
	}
	.download_section .white_box {
	    padding: 2.5rem;
	}
	.download_section .white_box form{
	    padding: 0;
	    display: block;
	}
	.download_section .white_box form input.form-control{
	    margin-right: 0;
	    margin-bottom: 1rem;
	}
	.download_section .white_box form .btn_purple{
	    width: 100%;
	}
	.download_section ul{
	    display: block;
	    margin-bottom: 4rem;
	}
	.download_section ul li{
	    width: 100%;
	}
	.download_section ul li a{
	    border-bottom: 1px solid #EEF3FB;
	    padding: .5rem;
	}
	.download_section ul li a:after{
	    display: none;
	}
	.download_section ul li:last-child a{
		border: 0;
	}
	#system-tab1 .content_section.pt-5{
	    background: white;
	}
	#system-tab1 .content_section.pt-5 h4{
	    margin-top: 0;
	}
	#system-tab1 .content_section.pt-5 ul{
	    text-align: left;
	}
	.order_section .col-md-5:nth-child(1) .text_flex{
	    border-bottom: 1px solid #DEE8F8;
	    border-right: 0;
	    margin-bottom: 1rem;
	    height: auto;
	}
	.order_section .col-md-5:nth-child(2) .text_flex p{
	    padding-left: 0;
	}
	.order_section .table_box .table tbody td form{
	    width: 100%;
	}
	.order_section .table_box .table tbody td form .form_flex{
	    display: block;
	}
	.order_section .table_box .table tbody td form .form_flex .quantity_flex{
	    justify-content: center;
	    margin-top: 1rem;
	}
	.desktop_only {
		display: none;
	}
}
@media(max-width: 480px){
	html,body{
		font-size: 13px;
	}
}

@media(max-width: 1023px){
.order_section .table_box .table tbody td .form {
	width: 100%;
}

.order_section .add_support {
	width: 100%;
	margin: auto;
}	

.order_section .table_box .table tbody td {
	
padding: 2rem 1rem;	
}

.img_original img {
	display: none;
}

.btn_grey{
    padding: .75rem 1rem;
    margin-right: 0.5rem;
}

li { 
text-align: initial;
}