/* ipad media
 ** Ipad will apply all code here both landscape and portrait **
 */
@media all and ( min-width: 768px ) and ( max-width: 1024px) {		
}
/* Ipad media for portrait
 ** Code se duoc dung khi Ipad nam thang dung **
 */
@media all and ( min-width: 768px ) and ( max-width: 1024px ) and (orientation:portrait) {
		
	body.page .x-slider-container.below .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper.fullscreen-container {
    height: 400px !important;
    width: 100%;
	}
	header.masthead .woocommerce .cart.shop_table .product-price, .woocommerce-page .cart.shop_table .product-price {
    display: block !important;
	}
	
	.x-section {
		padding: 0 !important;
	}	
	body.page .x-slider-container.below {
    margin-top: 0 !important;
	}
	/*
	body.page.home.page-template .x-slider-container.below {
    height: 400px !important;
    top: 0;
	}
	body.page .x-slider-container.below {
    height: 400px;
    top: 0;
	}
	body.page.page-template .x-slider-container.below {
    height: 300px;
	}*/
	/*-----menu-----------*/
	body header.masthead.masthead-inline .x-navbar-wrap .x-navbar {
    background: rgba(44, 62, 80, 1) none repeat scroll 0 0 !important;
	height:60px !important;
	}
	.x-nav-wrap.mobile.in.collapse .x-nav {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    margin: 0;
    padding: 0;
	}
	body .masthead .x-navbar .x-nav-wrap .x-nav > li > a {
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    margin: 0;
	}
	body header.masthead.masthead-inline .x-navbar-wrap .x-container .x-nav .menu-home-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid black;
    margin-bottom: 8px;
    padding: 0;
    text-indent: 1px;
    width: 100%;
	}
	body .masthead .x-nav-wrap.mobile.collapse.in .x-nav li {
		border-left: medium none;
		border-right: medium none;
		border-top: medium none;
	}	
	
	/*-----------*/
	header.masthead.masthead-inline .x-brand.img > img {
    display: block;
    margin: auto;
    width: 17%;
	}
	header .x-brand.img {
    float: left;
    margin: 0;
    width: 90%;
	}		
	header.masthead.masthead-inline .x-btn-navbar {
    margin-right: 15px;
    margin-top: 6px;
	}
	footer.top.x-colophon .x-container.max.width .x-column.x-md.x-1-4 {
    margin: 0;
    padding: 10px !important;
    width: 50%;float:left;
	}
	footer.top.x-colophon .widget.widget_nav_menu {
    margin: 0 !important;
	}
	
	.x-img.man.x-img-link.x-img-rounded > img {
    width: 100%;
	}
	.x-column.x-sm.x-1-4 {
    float: left;
    margin-left: 10px;
    width: 23%;
	}
	.x-column.x-sm.x-1-3 {
    float: left;
    margin-left: 10px;
    width: 31%;
	}
	.x-img.man.x-img-thumbnail {
    width: 100%;
	}
	.x-column.x-sm.x-1-6 {
    float: left;
    margin: 0 0 0 10px;
    width: 31%;
	}
	footer .x-column.x-md.x-1-4 {
    float: left;
    width: 50%;
	}
	footer.top .widget.widget_nav_menu {
    margin: 0 !important;
	}
	.entry-content.content .x-section .x-container .x-column.x-sm.x-1-3 {
    width: 100%;
	}
	.entry-content.content .x-column.x-sm.x-1-2 {
    width: 100%;
	}
}
/* Ipad media for Landscape
 ** Code se duoc dung khi Ipad nam ngang **
 */
@media all and ( min-width: 768px ) and ( max-width: 1024px ) and (orientation:landscape) {

	header.masthead.masthead-inline .x-navbar-wrap .x-container .x-nav .menu-home-header {
    background-image: none;
    padding: 0;
    text-indent: 0;
    width: auto;
	}
	.x-gap {
    display: none;
    float: none;
	}
	body.page .label-show-name {   
    width: 38%;
	}
	body.page .label-pricing-addtocart {    
    width: 20%;
	}
	body.page button[name="addtocart-pricing"] {   
    width: 100%;
	}
	body.page .x-slider-container.below .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper.fullscreen-container {
    height: 500px !important;
    width: 100%;
	}
	.x-section {
    padding: 0 !important;
	}
	/*body.page .x-slider-container.below {
    height: 400px;    
	}
	body.page.home .x-slider-container.below {
    height: 430px;  
	}*/
	.x-container.max.width.offset {
    margin-left: 10px;
    margin-right: 10px;
	}
	.entry-content.content .x-section .x-container .x-img.x-img-none {
    width: 100%;
	}
	#x-section-1 .x-container .x-column.x-1-4 .x-img.x-img-none {
    margin: 0;
    width: 100%;
	}
	.x-btn-navbar.collapsed {
    margin-right: 20px;
	}
	.x-nav-wrap #menu-sv-mega-menu.x-nav .menu-item > a {
    padding-top: 35px;
	}	
	header .x-brand.img {
    float: left;
    margin: 0;
    width: 22%;
	}
	#x-section-1 .h-custom-headline.center-text.man.h1.accent {
    margin-top: 200px !important;
	}		
	body.page .x-container.max.width .x-column.x-sm.x-1-4 {
    width: 21% !important;
	}
	.x-container.max.width .x-column.x-sm.x-1-3 {
    width: 29% !important;
	}
	.x-section.center-text {
    padding: 0 !important;
	}
	footer.top.x-colophon .x-container.max.width .x-column.x-md.x-1-4 {
    margin: 0;
    padding: 10px !important;
    width: 25%;float:left;
	}
	footer.top.x-colophon .widget.widget_nav_menu {
    margin: 0 !important;
	}
	.entry-content.content .x-section .x-container .x-column.x-sm.x-1-3 {
    width: 100% !important;
	}
	.entry-content.content .x-section .x-container .x-img.x-img-none {
    float: left;
    margin-right: 20px;
    margin-top: 103px;
    vertical-align: top;
    width: 25%;
	}
	.entry-content.content .x-section .x-container .x-raw-content {
    float: right;
    width: 72%;
	}
	.entry-content.content .x-column.x-sm.x-1-2 .x-img.x-img-none {
    margin: 0;
    width: 100%;
	}
	body .x-container.max.width.offset {
    padding-left: 10px;
    padding-right: 20px !important;
    width: 100%;
	}
	.x-section .x-container.max.width {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100%;
	}
	.entry-content .x-column.x-sm.x-1-2 .x-raw-content {
    width: 100%;
	}
}
/* Iphone + other mobile phone media 
 ** dung cho cac thiet bi di dong **
 */
@media all and ( max-width: 699px ){
	body .x-main.full {
		padding-left: 5px;
		padding-right: 5px;
		width: 100%;
	}	
	body.page header.masthead.masthead-inline .x-navbar-wrap {
    height: 70px !important;
	}
	header.masthead .woocommerce .cart.shop_table .product-price, .woocommerce-page .cart.shop_table .product-price {
    display: block !important;
	}
	header.masthead.masthead-inline .woocommerce .cart.shop_table .product-thumbnail img, .woocommerce-page .cart.shop_table .product-thumbnail img {
    width: 100% !important;
	}
	.x-section .h-custom-headline {
		margin: 10px 0 0;
	}
	.entry-content.content .x-section {
    padding: 0 !important;
	}	
	body header .x-brand.img > img {
    display: block;
    margin: auto;
    width: 48%;
	}
	header.masthead .x-btn-navbar {
    margin-right: 6px;
    margin-top: 12px;
	}
	
	/*-----menu-----------*/
	body header.masthead.masthead-inline .x-navbar-wrap .x-navbar {
     background: rgba(44, 62, 80, 1) none repeat scroll 0 0 !important;
	height:70px !important;
	}
	.x-nav-wrap.mobile.in.collapse .x-nav {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    margin: 0;
    padding: 0;
	}
	body .masthead .x-navbar .x-nav-wrap .x-nav > li > a {
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    margin: 0;
	}
	body header.masthead.masthead-inline .x-navbar-wrap .x-container .x-nav .menu-home-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid black;
    margin-bottom: 8px;
    padding: 0;
    text-indent: 1px;
    width: 100%;
	}
	body .masthead .x-nav-wrap.mobile.collapse.in .x-nav li {
		border-left: medium none;
		border-right: medium none;
		border-top: medium none;
	}	
	
	/*-----------*/
	body .x-container.max.width.offset {
    max-width: none;
    width: 100%;
	 padding-left: 10px !important;
	padding-right: 10px !important;
	}
	.table-pricing-shortcode .label-show-name {
    width: 19%;
	}
	.table-pricing-shortcode .label-pricing-addtocart {
    width: 35%;
	}
	.table-pricing-shortcode .label-pricing-price {
    width: 21%;
	}
	.table-pricing-shortcode .label-pricing-quantity {
    width: 24%;
	}
	.x-section .x-container {   
    width: 100%;
	}
	.x-section .x-container.max.width {    
    width: 100%;
	}	
	#x-section-5 .x-img.x-img-none {
    display: none;
	}
	body.home.page .site .x-slider-container.below .forcefullwidth_wrapper_tp_banner #rev_slider_4_1_wrapper.rev_slider_wrapper.fullscreen-container {
    height: 220px !important;   
	}
	body.home.page .site .x-main.full .entry-content.content #x-section-1.x-section {
    padding: 0 !important;
	}
	.x-section .x-text h4, h5 {
    margin: 0;
	}
	#x-section-2 .h-custom-headline.center-text.h1.accent {
    font-size: 30px;    
	}	
	body.home.page .x-container .x-column.x-sm.x-1-3 {
    padding: 0 !important;
	}
	#x-section-3.x-section.center-text {
    padding: 0 !important;
	}
	#x-section-3 .h-custom-headline.man.h1 {
    font-size: 30px;
	}
	#x-section-3 .h-custom-headline.man.h2 {
    font-size: 25px;
	}
	#x-section-4 .h-custom-headline.center-text.h1 {
    font-size: 30px;
    margin: 0;
	}
	.x-container .h2 {
    font-size: 25px;
    margin: 0;
    padding: 5px 5px 15px 0;
	}
	.x-container .h2, .h1 {
    font-size: 25px;
    margin: 0;
    padding: 5px 5px 15px 0;
	}
	body.home.page .x-container.max.width .x-img.man.x-img-thumbnail {
    width: 100%;
	}
	/*-------------edit 5/8/2015-----------------------------*/
	#x-section-1 .x-container .x-column.x-sm.center-text.x-1-4 {
    display: inline-block;
    width: 25%;
	}
	body.home.page .x-main.full {
    position: relative;
    top: -50px;
	}	
}
/* Iphone + other mobile phone media 
 ** dung cho cac thiet bi di dong khi nam ngang **
 */
@media all and ( max-width: 699px ) and ( orientation:landscape){	
	body .masthead.masthead-inline .x-brand.img {
     margin: 3px 0 0;
    width: 46%;
	}	
	body.page .x-slider-container.below {
    height: 300px !important;
    margin-top: 0;
	}
	body.home.page .x-slider-container .tp-fullwidth-forcer {
    height: 270px !important;
	}
	body.home.page .x-container.max.width .x-column.x-sm.x-1-6 {
    display: inline-block;
    margin-right: 10px;
    width: 47%;
	}
	footer.top.x-colophon .x-container .x-column.x-md.x-1-4 {
    display: inline-block;
    margin: 0;
    padding: 10px;
    width: 50%;
	}
	footer.top.x-colophon #nav_menu-10.widget.widget_nav_menu {
    margin: 0;text-align: right;
	}
	footer.top.x-colophon #nav_menu-12.widget.widget_nav_menu {
    margin: 0;
    text-align: right;
	}
	footer.top.x-colophon #nav_menu-11.widget.widget_nav_menu {
    margin: 0;
	}
	footer.top.x-colophon .x-container.max.width .x-column.x-md.x-1-4.last {
    position: relative;
    top: -42px;
	}
	body.home.page .x-container .x-img.man.x-img-link.x-img-rounded > img {
    width: 100%;
	}
	body.home.page .x-container.max.width .x-column.x-sm.x-1-4 {
    float: left;
    margin-left: 8px;
    width: 48%;
	}
	body.home.page .x-container .x-column.x-sm.x-1-3 {
    float: left;
    margin-left: 8px;
    width: 48%;
	}
	
}
/* Iphone + other mobile phone media 
 ** dung cho cac thiet bi di dong khi nam thang dung**
 */
@media all and ( max-width: 699px ) and ( orientation:portrait){		
		body.page.home .x-slider-container.below {
			height: 270px !important;
			top: 0;
		}		
		body.page .x-slider-container.below {
			margin-top: 0 !important;
		}
		body .masthead.masthead-inline .x-brand.img {
		 margin: 3px 0 0;
		width: 80%;
		}
		body.home.page .x-slider-container .tp-fullwidth-forcer {
		height: 200px !important;
		}
		body.page .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper.fullscreen-container {
		height: 300px!important;
		}
		body.page .forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer {
		height: 300px !important;
		}		
	}	
}