/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.foxs-right{width: 100%!important;}
	.foxslide-title {padding:20px 0px!important;}
	.foxslide-tag{padding:0px!important;}
	.foxslide-left{width:100%!important;height:300px!important;float:none!important;text-align: center;}
	.foxslide-right{width:100%!important;float:none!important;}
	.foxslide-left img {width:80%!important;padding:0px!important;}
	.grid {padding:0px!important;}
	.grid figure{width: 160px!important;height: 244px!important;}
	.imgplay {display:none!important;}
	.details{padding:0px!important;}
	.myposter{margin:10px auto;float: none;}
	.mydetail{width:100%!important;}
	.m-detail{font-size:14px!important;}
	.m-text {width: 100px!important;margin-right: 10px!important;}
	.titleDesign, .mobtitle{font-size:20px!important;}
	.m-qc{width: 100%!important;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media screen and (max-width: 767px) and (min-width: 600px) {
	.grid {padding:0px!important;}
	.details{padding:10px!important;}
	.myposter{display:none;}
	.mydetail{width:100%!important;}
	.m-qc{width: 100%!important;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (max-width: 990px) and (min-width: 768px) {
	.grid {padding:0px!important;}
	.grid figure {margin:5px;}
	.details{padding:10px!important;}
	.myposter{width: 180px; margin-right: 10px;margin-top: 125px;}
	.myposter figure.effect-julia img {height:275px!important;}
	figure.effect-julia .mycircle {margin: 20px 18%;padding:0px;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media screen and (max-width: 1199px) and (min-width: 991px) {
	.details{padding:10px!important;}
	.myposter {width: 270px;margin-right: 20px;}
	.grid {padding:10px!important;}
	.grid figure {margin:7px;}
	.navbar .navbar-nav > .nav-item > .nav-link{padding: 30px 6px!important;}
	.foxs-right a { width: 220px!important;font-size: 18px!important;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {} 

/* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }