/*======= Edit by DTM for Mobile Reponsive =======*/
/*======= Dành cho màn hình desktop và máy tính bảng chiều ngang =======*/
@media only screen and (max-width:1199px){
	.owl-carousel-brands.owl-theme.owl-carousel img {
	    height: auto;
	    width: 100%;
	}
	.login-account {
    	left: -101px;
	}
	.f-product-bl .f-pr-bl-item .f-pr-bl-item-boxdetail h2{
	    height: 48px;
	}
	.f-product-bl .f-pr-bl-item .f-pr-bl-item-boxdetail{
		height: auto;
	}
	.content-main-inner .v2-tab-home-ul li.active a {
    	border-bottom: 5px solid #2ba8db;
	}
	.lof_camera_title1 {
		width:inherit;
	}
}
@media only screen and (max-width:1024px){ 
	.v2-home-pr-item-img{
		/height: auto;
	}
	.zoomLens,.zoomWindow{
    	display: none !important;
	}
	.f-menutop .f-menutop-ul > li > a.firstlink {
	    padding: 15px 12px 16px;
	}
	.header .f-menutop {
	    margin-left: 0px; 
	}
}
/*======= Dành cho máy tính bảng chiều dọc =======*/ 
@media only screen and (max-width:992px){ 
	.form-control {
   	 	margin-bottom: 20px;
	}
	.f-menutop > .f-menutop-ul > li.parent:after{
		display: none;
	}
	.header .f-menutop{
		display:none;
	}
	.header .f-menutop{
		margin-left:0;
	}
	.menu-block{
		display: block;
	}
	.menu-block .f-menutop{
		display: table;
		position: relative;
		float: none;
		width: 100%;
		padding: 0;
	}
	.menu-block .f-menutop .f-menutop-name{
		display: block;
		background: #39b3e4;
		font-size: 20px;
		font-weight: bold;
		cursor: pointer;
		text-transform: uppercase;
		padding: 0 15px;
		height: 54px;
		line-height: 54px;
		color: #fff;
	}
	.menu-block .f-menutop .f-menutop-name:before{
		content: "\f055";
		font-size: 25px;
		line-height: 50px;
		float: right;
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-indent: 0 !important;
	}
	.menu-block .f-menutop .f-menutop-name.active:before{
		content: "\f056";
	}
	.menu-block .f-menutop-ul.home{
		background: #15191d;
		position: absolute;
		z-index: 2;
		width: 100%;
		height: 300px;
		overflow-y: auto;
		padding: 15px;
		moz-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display:none;
	}
	.menu-block .f-menutop-ul.home > li{
		font-size: 14px;
		text-transform: uppercase;
		float: none;
		margin: 0;
	}
	.menu-block .f-menutop-ul.home > li li{
		font-size: 13px;
		padding: 0px 15px;    
		position: relative;
	}
	.menu-block .f-menutop-ul.home > li li ul.menu_lv2{
		display:none;
		background: none;
    	border: none;
	}
	.menu-block .f-menutop-ul.home > li li a{
		font-size:13px;
		color:#fff;
		text-transform: none;
	}
	.menu-block .f-menutop-ul.home > li li a:hover{
		background:transparent;
		color:#39b3e4;
	}
	.menu-block .f-menutop-ul.home > li>span{
		top: 21px;
	    right: 32px;
	    font-size: 18px;
	    line-height: 20px;
	    position: absolute;
	    display: block;
	    text-align: center;
	    width: 24px;
	    cursor: pointer;
	    color: #777777;
	}
	.menu-block .f-menutop-ul.home > li .top-menu-sub li span{
		top: 9px;
		right: 18px;
		font-size: 16px;
		line-height: 16px;
		position: absolute;
		display: block;
		text-align:center;
		width:24px;
		color: #777777;
		cursor: pointer;
	}
	.menu-block .f-menutop-ul.home > li .top-menu-sub li span{
		position: absolute;
		display: block;
		top: 4px;
		right: 5px;
		width: 24px;
		font-size: 16px;
		line-height: 16px;
		text-align: center;
	}
	.menu-block .f-menutop-ul.home > li>span:before, 
	.menu-block .f-menutop-ul.home > li .top-menu-sub li span:before{
		content: "\f067";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.menu-block .f-menutop-ul.home > li>span.opened:before{
		content: "\f068";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.menu-block .top-menu-sub {
		position: static;    
		padding-bottom: 0;
		display: none;
		background: transparent;
		box-shadow: none !important;
		visibility: visible;
		opacity: 1;
		transition: 0s !important;
	}
	.menu-block .top-menu-sub > ul > li{
		padding: 4px 15px;
	}
	.menu-block .top-menu-sub > ul > li a{
		font-size:13px;
	}
	.menu-block .top-menu-sub ul li a:hover{
		background:transparent;
		color:#39b3e4;
	}
	.menu-block .top-menu-sub > ul > li:first-child{
		padding-top:10px;
	}
	.menu-block .top-menu-sub:after{
		display:none;
	}
	.menu-block .f-menutop .f-menutop-ul > li > a.firstlink span:before, 
	.menu-block .f-menutop .f-menutop-ul > li > a.firstlink span:after{
		display:none;
	}
	.menu-block .f-menutop-ul.home > li > a{
		display:inline-block !important;
		color:#fff;
		font-weight: normal;
	}
	.menu-block .top-menu-sub li>ul.menu_lv2{
		position: static;
		right: 0;
		opacity: 1;
		visibility: visible;
		display: none;
		margin: 10px 0 0 0;
		transition: 0s;
	}
	.top-menu-sub{
		border:none;
		margin: 0;
	}
	.hot_line,ul.menu_lv2:before{
		display: none;
	}
	.link_shop_by_categories_img img,.v2-hometab-news-big li.bigfirst,.v2-hometab-news-small-img{
    	height: auto;
	}
	.link_shop_by_categories_box_inner {
    	margin-bottom: 15px;
	}
	.banner_top_content {
    	margin-top: 14px;
	}
	.f-pagging.text-right.col-md-6 {
	    float: none;
	    padding:0 15px;
	}
	.f-pagging ul li:last-child a {
    	border-right: 1px solid #ddd;
	}
	.f-pagging ul,.pagination_title{
	    border: none;
	    float: none;
	    text-align: center;
	}
	.f-pagging ul li a {
    	border: 1px solid #ddd;
	}
	.f-pagging ul li{
    	display: inline-block;
    	float: none;
	}
	.f-module-page-desc p {
	    text-align: justify;
	}
	.v2-hometab-news-big li.smallother {
	    height: 109px;
	    padding: 15px 0;
	    overflow: hidden;
	}
	.v2-hometab-news-big li.smallother .v2-hometab-news-big-img {
	    float: left;
	    margin: 0 10px 0 0;
	}
	.f-cate-ul li {
	    width: 50%;
	    float: left;
	}
	.v2pagging {
	     height: auto;
	    text-align: center;
	}
	.f-module-page-desc .img img{
		width: 100%;
	}
	.f-product-view-tab img {
	    max-width: 100%;
	    height: auto !important;
	}

}
/*======= Dành cho điện thoại chiều ngang ,máy tính bảng chiều dọc =======*/ 
@media only screen and (max-width:767px){
	.menu_main {
    	background-color: unset;
	}
	.menu_main .col-xs-9.col-sm-7.col-md-8.col-lg-9,.main-container.row-offcanvas.row-offcanvas-left{
	    width: 100%;
	    padding: 0;
	}
	.custom_cart {
	    width: 100%;
	    float: left;
	    margin: 18px 0 0;
	}
	.custom_cart .miniv2-toolbar-barclick .fa{
		float: left;
	    margin: 0 10px 0 0;
    	position: inherit;
	}
	#search-box .search-area {
    	width: 100%;
	}
	.login-account {
    	left: -99px;
	}
	.name_cart{
		display: inline;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
	    color: #2196f3;
	    border-bottom: none !important;
	}
	.f-miniCart-miniv2-toolbar {
    	float: left;
	}
	.footer-payment{
		float: left;
	}
	.footer-payment img,.v2-hometab-news-small-img{
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.header_login{
		margin: 10px 0;
	}
	.v2-tab-home-ul li{
		display: block;
	}
	ul.f-footer-nav li {
	    padding: 5px;
	}
	ul.menu_lv2:before{
		display: none;
	}
	.wrap_cart {
	    left: 9px;
	    top: 90px;
	}
	.banner_top_content_inner_1.col-lg-4.col-md-4.col-sm-6.col-xs-12,.adv_collum_2 .col-lg-6.col-md-6.col-sm-6.col-xs-12{
    	width: 50%;
	}
	.banner_top_content_inner_1 a{
		margin-top: 0;
	}

}
/*======= Dành cho điện thoại chiều ngang ,máy tính bảng chiều dọc =======*/ 
@media only screen and (max-width:640px){
	.f-product-view .f-product-view-tab .f-product-view-tab-header > ul {
	    height: auto;
	}
	.f-product-view .f-product-view-tab .f-product-view-tab-header > ul li {
	    display: block;
	    float: none;
	    margin-right: 0;
	}
}
/*======= Dành cho điện thoại chiều ngang =======*/ 
@media only screen and (max-width: 480px){
	ul.f-footer-nav li {
	    padding:5px 0;
	    display: block;
	    border-right: none;
	}
	.header_login{
		margin: 0;
	}
	.f-cate-ul li ,.item.col-xs-6.col-sm-4.col-md-4.col-lg-3,.banner_top_content_inner_1.col-lg-4.col-md-4.col-sm-6.col-xs-12,.banner_top_content_inner_1 img, .adv_collum_2 .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
		width: 100%;
	}
	.f-block-news-menu li{
		margin:0 0 10px;
	}
	.f-news .f-news-item .f-news-item-title,.f-news .f-news-item .f-news-item-img,.v2-hometab-news-small-title h2, .f-news-item-title h2{
		/height: auto;
	}
	.viewlist .v2-pr-item-img a img,.v2-pr-item-img a img {
	    height: 200px;
	    object-fit: scale-down;
	    width: 100%;
	}
}
/*======= Dành cho điện thoại chiều dọc =======*/ 
@media only screen and (max-width: 420px) and (min-width: 320px){ 
	#logo {
    	margin-top: 5px;
	}
	.link_shop_by_categories_img,.link_shop_by_categories_links{
   	 	max-width: 100%;
	}
	.container-inner address {
    	font-size: 13px;
	}
	.viewlist .v2-pr-item {
    	margin-right: 15px;
	}
	.viewlist .v2-pr-item-img {
	    float: none;
	    width: 100%;
	    margin: 0 0 10px 0;
	}
	.col-md-3.col-sm-6.col-xs-6.footer_middle_main,.col-md-3.col-sm-6.col-xs-6.footer_right_introduction{
		width: 100%;
	}
	.f-product-view .f-product-view-name .f-pr-view-tool ul li {
	    padding: 0 6px 6px;
	    font-size: 11px;
	}
}