Denis_DM

@media only screen and (min-width: 1360px) {...}
@media only screen and (min-width:1024px) and (max-width: 1920px) {...}
@media only screen and (min-width: 780px) and (max-width: 1280px) {...}

@media (min-width: 992px) and (max-width:1170px){
	
}
@media (min-width: 768px) and (max-width:991px){
	
}
@media (min-width: 480px) and (max-width:767px){
	
}

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

media screen and (max-width: 1200px) {
.container {
width: 970px;
}
}

media screen and (max-width: 991px) {
.container {
width: 750px;
}
}

media screen and (max-width: 767px) {
.container {
width: 450px;
}

}

media screen and (max-width: 479px) {
.container {
width: 310px;
}
}