@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


@media (max-width: 700px) {
	* {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.campany_logo {
		width:100%;
		float:none;
		margin:0;
		text-align:center;
	}
	
	.top_menu {
		display:none;
	}
	
	.menu {
		display:none;
	}
	
	.menu-m {
		position:relative;
		width:100%;
		height:50px;
		display:block;
		background-color:#10218f;
	}
	
	.menu-btn {
		position:absolute;
		width: 8%;
		height:100%;
		cursor:pointer;
		top:0;
		right:90%;
		z-index:2;
	}
	
	.menu-btn span {
		position:absolute;
		top:45%;
		width:100%;
		height:5px;
		background-color:#FFFFFF;
		text-indent:-9999px;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
	}
	
	.menu-btn span:after, .menu-btn span:before {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		content: '';
		-webkit-transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
	}
	
	.menu-btn span:before {
		-webkit-transform: translateY(-250%);
		transform: translateY(-250%);
	}
	
	.menu-btn span:after {
		-webkit-transform: translateY(250%);
		transform: translateY(250%);
	}
	
	.menu-btn-open span {
		 background-color:transparent;
	}
	
	.menu-btn-open span:before {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	
	.menu-btn-open span:after {
		-webkit-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}
	
	.menu-m-main {
		position:absolute;
		width:90%;
		background-color:#10218f;
		right:100%;
		z-index:100;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	.menu-m-main > li {
		border-bottom:2px solid #FFFFFF;
	}
	
	.menu-m-main > li:after {
		display:table;
		content:'';
		clear:both;
	}
	
	.menu-m-main > li.menu-m-no-padding {
		padding:0px;
		border:none;
	}
	
	.menu-m-main > li > a {
		text-decoration:none;
		color:#FFFFFF;
		font-size:20px;
		float:left;
		padding:10px;
		width:100%;
	}
	
	.menu-m-drop {
		list-style-type:none;
		margin:0;
		padding:0;
		background-color:#FFFFFF;
	}
	
	.menu-m-drop > li {
		padding:10px 0px;
		border-bottom:2px solid #9f9f9f;
		background-color: #616161;
		position:relative;
	}
	
	.menu-m-drop > li:before {
		position:absolute;
		content:'\f030';
		font-family:"FontAwesome";
		font-size:14px;
		color:#FFFFFF;
		top:13px;
		left:13px;
	}
	
	.menu-m-drop > li.menu-m-no-padding {
		padding:0px;
		border:none;
	}
	
	.menu-m-drop > li.menu-m-no-padding:before {
		color:transparent;
	}
	
	.menu-m-drop > li > span {
		color:#FFFFFF;
		font-size:18px;
		padding-left:40px;
	}
	
	.menu-m-drop-sub {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	.menu-m-drop-sub > li {
		border-bottom:2px solid #9f9f9f;
		background-color:#FFFFFF;
		position:relative;
	}
	
	.menu-m-drop-sub > li:before {
		position:absolute;
		content:'\f013';
		font-family:"FontAwesome";
		font-size:14px;
		color:#9f9f9f;
		top:13px;
		left:13px;
	}
	
	.menu-m-drop-sub > li:after {
		display:table;
		content:'';
		clear:both;
	}
	
	.menu-m-drop-sub > li > a {
		text-decoration:none;
		color:#9f9f9f;
		font-size:18px;
		float:left;
		padding:10px 10px 10px 40px;
		width:100%;
	}
	
	.product-drop, .form-drop {
		display:none;
	}
	
	.product-drop-sub {
		display:none;
	}
	
	.m-cart {
		float:right;
		width:50px;
		height:50px;
		text-align:center;
		z-index:1;
		margin-right:20px;
	}
	
	.m-cart a {
		position:relative;
		width:100%;
		height:100%;
		float:left;
		text-decoration:none;
	}
	
	.m-cart a:before {
		font-family:"FontAwesome";
		content:'\f07a';
		color:#FFFFFF;
		font-size:32px;
		position:absolute;
		width:30px;
		height:32px;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
	}
	
	.m-cart a span {
		position:absolute;
		top:15px;
		font-size:12px;
		color:#10218f;
		font-weight:bold;
	}
	
	.m-login {
		position:relative;
		float:right;
		width:50px;
		height:100%;
		text-align:center;
	}
	
	.m-login > a {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
	
	.m-login > a:before {
		font-family:"FontAwesome";
		content:'\f142';
		color:#FFFFFF;
		font-size:35px;
		position:absolute;
		width:8px;
		height:36px;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		padding-top:2px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.m-login-drop {
		position:absolute;
		width:150px;
		right:0px;
		top:50px;
		z-index:100;
		border:1px solid #9f9f9f;
		background-color:#FFFFFF;
		display:none;
	}
	
	.m-login-drop div {
		text-align:left;
	}
	
	.m-login-drop div:after {
		content:'';
		display:table;
		clear:both;
	}
	
	.m-login-drop div a {
		text-decoration:none;
		color:#9f9f9f;
		float:left;
		line-height:35px;
		width:100%;
		padding-left:15px;
	}

	.package_div {
		width:100%;
		margin:20px 0px;
	}
	
	.product_div {
		width:100%;
	}
	
	.product_img {
		height:250px;
	}
	
	.product_img img {
	}
	
	.title {
		display:none;
	}
	
	.footer-logo-container {
		display:none;
	}
	
	.footer {
		padding:0px 20px 15px 20px;
	}
	
	.footer_column_1, .footer_column_2 {
		float:none;
		width:100%;
	}
	
	.connect {
		width:100%;
		float:none;
		margin-right:0;
		text-align:center;
		font-size:12px;
	}
	
	.connect h1 {
		font-size:15px;
		margin:0px;
		padding-top:25px;
		padding-bottom:10px;
	}
	
	.connect ul li a {
		font-size:12px;
	}
	
	.connect p {
		margin:0;
		padding:0;
	}
	
	.min_height {
		min-height:auto;
	}
	
	.copyright {
		padding:0px 20px;
		font-size:11px;
		text-align: center;
	}
	
	.sign_div {
		width:100%;
		margin:0;
		padding:40px;
	}
	
	.sign_left {
		border:none;
		width:100%;
	}
	
	.sign_right {
		width:100%;
		padding:0;
		padding:0px 0px 40px 0px;
		margin-bottom:40px;
		border-bottom:2px solid #363636;
	}
	
	.input_text {
		width:100%;
	}
	
	.catalogue_div {
		width:100%;
		margin:10px 0px;
	}
	
	.catalogue_left {
		display:none;
	}
	
	.catalogue-left-m {
		display:block;
		background-color:white;
		color:#616161;
	}
	
	.cl-title {
		width:100%;
		position:relative;
	}
	
	.cl-title:after {
		content:'';
		display:table;
		clear:both;
	}
	
	.catalogue-left-m  h1 {
		background-color:#616161;
		color:white;
		font-size: 19px;
		font-weight: 100;
		padding: 15px 10px;
		margin:0px;		
	}

	.catalogue-left-m  h1 a {
		color:white;
		text-decoration:none;		
	}
	
	.catalogue-left-m a.catalogue-title-plus {
		position:absolute;
		top:0px;
		right:0px;
		width:53px;
		height:53px;
	}
	
	.catalogue-left-m a.catalogue-title-plus:after {
		position:absolute;
		font-size:20px;
		content:'\f067';
		font-family:"FontAwesome";
		color:#FFFFFF;
		width:16px;
		height:20px;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
	}
	
	.clm-list {
		display:none;
	}
	
	.sorting {
		margin:20px 0px;
		padding-left:10px;
	}
	
	.catalogue_right {
		width:100%;
		min-height:auto;
	}
	
	.catalogue_right > h1, .catalogue_right > img {
		display:none;
	}
	
	.catalogue_product_div {
		width:50%;
		margin:0px 0px 10px 0px;
	}
	
	.product_left {
		width:100%;
	}
	
	.image_left {
		width:100%;
		height:124px;
	}
	
	.image_right {
		width:100%;
	}
	
	.product_right {
		width:100%;
		padding:10px 10px 0px 10px;
	}
	
	.add-to-cart {
		width:100%;
		background-repeat:no-repeat;
		background-position:center;
		background-color:#F15A2F;
	}
	
	.addthis {
		padding:15px 0px;
	}
	
	#tabs > ul > li {
		width:50%;
	}
	
	#tabs > div {
		margin:0;
	}
	
	.tab_content {
		width:100%;
		padding:15px 10px 10px 10px;
	}
	
	.ai-title {
		width:46%;
		font-size:14px;
	}
	
	.ai-input-text, .ai-text {
		width:54%;
	}
	
	.input-ai {
		width:96%;
	}
	
	.inline_div_left {
		margin-right:0;
	}
	
	.oh-detail-header div {
		padding:0px 10px;
	}
	
	.oh-detail-date {
		width:40%;
		padding:30px 10px 0px 10px;
	}
	
	.oh-detail-product {
		width:60%;
		padding:10px 10px;
	}
	
	.oh-detail-image {
		width:100%;
		border:1px solid #999999;
		margin-bottom:10px;
	}
	
	.oh-detail-image img {
		width:100% !important;
	}
	
	.oh-detail-name {
		width:100%;
	}
	
	.oh-selected-dealer {
		padding:0px 10px;
	}
	
	.oh-dealer {
		width:100%;
		padding:10px;
	}
	
	.consultant-wrapper {
		width:100%;
		padding:0px 10px;
	}
	
	.cicle_content {
		display:none;
	}
	
	.cc-item {
		padding:10px;
	}
	
	.ccp-image {
		float:none;
		width:90%;
		margin-bottom:10px;
	}
	
	.ccp-name {
		float:none;
		margin:0;
	}
	
	.ccp-sku {
		float: none;
		margin: -20px 0 0;
	}
	
	.remove-item {
		right:10px;
	}
	
	.cc-cancel, .cc-find {
		width:100%;
		font-size:16px;
	}
	
	.cc-cancel {
		margin-bottom:20px;
		padding-left:50px;
		padding-right:80px;
	}
	
	.cc-cancel:before {
		left:auto;
		right:50px;
	}
	
	#consultant-finder {
		width:100%;
	}
	
	.google-autocomplete {
		top:0px;
		right:0px;
		width:100%;
	}
	
	#consultant-action {
		width:100%;
		height:auto;
		margin-bottom:30px;
	}
	
	#consultant-list {
		height:auto;
	}
	
	.cart_content {
		width:100%;
		padding:0px 10px;
	}
	
	.payment_method {
		display:block;
	}
	
	.payment_type {
		width:100%;
	}
	
	.payment_type:after {
		content:'';
		display:table;
		clear:both;
	}
	
	.credit_payment {
		width:50%;
		float:left;
	}
	
	.online_payment {
		width:50%;
		float:left;
	}
	
	.select_color > .right_triangle {
		display:none;
	}
	
	.payment_div {
		width:100%;
		border:none;
		border-top:1px solid #7b7b7b;
		border-bottom:1px solid #7b7b7b;
	}
	
	.cc-year {
		width:47%;
	}
	
	.payment_content {
		padding:10px;
	}
	
	.payment_total {
		width:100%;
	}
	
	.order_detail {
		display:none;
	}
	
	.order-detail-m {
		display:block;
		background-color:#FFFFFF;
		border-top:1px solid #898989;
		border-left:1px solid #898989;
		border-right:1px solid #898989;
	}
	
	.order-content {		
		padding:10px;
		border-bottom:1px solid #898989;
	}
	
	.order-content:after {
		display:table;
		content:'';
		clear:both;
	}
	
	.order-image {
		float:left;
		width:30%;
		position:relative;
	}
	
	.order-image img {
		width:100%;
	}
	
	.order-name {
		float:left;
		width:40%;
		padding-left:20px;
	}
	
	.order-name .name, .order-name .code, .order-name .price {
		font-size:13px;
		margin:0;
		padding-bottom:10px;
	}
	
	.order-action {
		float:left;
		width:30%;
		padding-left:20px;
	}
	
	.order-action a {
		font-size:13px;
		margin-top:15px;
		float:left;
	}
	
	.total_div {
		margin-right:0;
		width:100%;
		border-bottom:1px solid #898989;
	}
	
	.line-separator {
		display:none;
	}
	
	.cancel_order_btn {
		text-align:center;
		width:100%;
		margin-bottom:20px;
	}
	
	.proceed_btn {
		text-align:center;
		width:100%;
	}
	
	.oh-detail-header div {
    	line-height: 12px;
	}
	
	.oh-detail-header{
		padding:10px 0px;
	}
	
	.ohdp-product {
		font-size:12px;
		padding: 10px 0px;
	}
	
	.oh-detail-product-q {
	    width: 35%;
	}
	
	.oh-detail-name-t {
    	float: none;
		padding:0px;
     }
	 
	.ohdp-quantity {
		width: 30.3%;
		padding: 10px 0px;
		margin-left: -3%;
	}
	
	.date-mobile{
		padding:10px 0px;
		width:16%;
		font-size:12px;
	}
	
	.oh-view-detail-t {
    font-size: 10px;

	}
	.count-id {
    	left: 5%;
	}
	
	.ptg-step {
		padding:0px 10px;
	}
	
	.ptg-basic-info {
		width:100%;
	}
	
	.ptg-title {
		width:100%;
	}
	
	.ptg-input-text {
		width:100%;
	}
	
	.input-email-verify {
		width:100%;
	}
	
	.button-email-verify {
		width:100%;
	}
	
	.ptg-sim-info, .ptg-package-info {
		width:100%;
	}
	
	.ptg-button {
		width:100%;
		margin-bottom:15px;
	}
	
	.ptg-proceed {
		width:100%;
		background-position:right 10px top 13px;
	}
	
	.search_div{
		/* float: left; */
		padding: 10px;
		width: 50%;
		position: relative;
		margin-right:0px;
		/* background-color: #bdd348; */
	}
	
	div.flexslider{
	}
	
	#tabs{
		margin: 20px 30px;
	}
	
	input#gsc-i-id1.gsc-input, td.gsc-input{
		font-family: 'AvenirNextLTPro-Regular';
		color: #464646;
		text-align:left !important;
	}
	
	input#gsc-i-id1.gsc-input{
		text-indent: 0px !important;
		line-height: 20px !important;
	}
	
	div.gsc-results-wrapper-overlay.gsc-results-wrapper-visible{
		width: 90%;
		height: auto;
		margin: 0% 5%;
		padding: 0;
		top: 4%;
		bottom: 4%;
		left: 0%;
		right: 0;
	}
	
	.alert_box {
		width:100%;
		height:280px;
	}
	
	.icon_alert {
		display:none;
	}
	
	.credit_payment #credit {
		display:none;
	}
	
	.credit_payment > p {
		margin-left:10px;
	}
	
	.online_payment #online {
		display:none;
	}
	
	.online_payment > p {
		margin-left:10px;
	}
}

@media (max-width: 450px) {
	.date-mobile {
		padding: 10px 0px;
		width: 16%;
		font-size: 10px;
	}
	
	.oh-view-detail-t {
    	font-size: 8px;

	}
	.oh-detail-image-t {
    	width: 60%;
	}
	.oh-detail-name-t {
    	width: 100%;
	}
	
	.icon_alert {
		display:none;
	}
}