:root {
	font-size: 18px;
}

/*
18 | 16 | 14

2.0 rem = 36 | 32 | 28
1.9 rem = 34.2 | |
1.8 rem = 32.4 | |
1.7 rem = 30.6 | |
1.6 rem = 28.8 | |
1.5rem = 27.0 | |
1.4rem = 25.2 | |
1.35rem = 24.3 (24px) | |
1.3rem = 23.4 | |
1.2rem = 21.6 | |
1.1rem = 19.8 (20px) | |
1rem = 18.0 | |
0.95rem = 17.1 | |
0.9rem = 16.2 | |
0.85rem = 15.3 | |
0.8rem = 14.4 | |
0.75rem = 13.5 | |
0.7rem = 12.6 | |
0.65rem = 11.7 | |
0.6rem = 10.8 | |
*/

body {
	background-color: #F4E4CB;
	color: #000000;
	font-size: 18px;
	margin: 0 auto;
	font-family: sans-serif, Arial, Tahoma;
}

.header {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 10;
}

.header2 {
	max-width: 1000px;
	margin: 0 auto;
}

.header__container {
	max-width: 1000px;
	margin: 0 auto;
}

.logotop {
	width: 100%;
	margin: 0;
}

.logotop__img {
	display: block; 
	border: 0;
	width: 1000px;
}

.logotop__img2 {
	display: block; 
	border: 0;
	width: 1000px;
}

.logotopsub {
	width: 100%;
	margin: 0;
}

.logotopsub__img {
	display: block;
	border: 0;
}

.logotopsub__link {
	margin: 0;
}

.navtopsub {
	width: 100%;
	margin: 0;
}

.navtopsub__list {
	display: flex;
	justify-content: center;
	background-color: #22262A;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

.navtopsub__item {
	text-transform: uppercase;
}

.navtopsub__link {
	display: block;
	padding: 14px 17px;
	background-color: #22262A;
	color: #FFFFFF;
	font-size: 16px;
	font-family: sans-serif, Arial, Tahoma;
	font-weight: normal;
	text-decoration:none;
}

.navtopsub__link:hover {
	background-color: #191B1C; 
	color: #FFFFFF;
}

.navtopsub__link--border {
	border-left: 1px solid Rgb(205,205,205);
}

.navtopsub__link--active {
	background-color: #348236; 
	color: #FFFFFF;
}

.navtopsub__link--active:hover {
	background-color: #2f7531; 
	color: #FFFFFF;
}

.navtopmain {
	width: 100%;
	margin: 0;
}

.navtopmain__list {
	display: flex;
	justify-content: center;
	background-color: #22262A;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

.navtopmain__item {
	text-transform: uppercase;
}

.navtopmain__link {
	display: block;
	padding: 14px 22px;
	background-color: #22262A;
	color: #FFFFFF;
	font-size: 16px;
	font-family: sans-serif, Arial, Tahoma;
	font-weight: normal;
	text-decoration:none;
}

.navtopmain__link:hover {
	background-color: #191B1C; 
	color: #FFFFFF; 
}

.navtopmain__link--border {
	border-left: 1px solid Rgb(205,205,205);
}

.navtopmain__link--active {
	background-color: #348236; 
	color: #FFFFFF;
}

.navtopmain__link--active:hover {
	background-color: #2f7531; 
	color: #FFFFFF;
}

.main {
	max-width: 1000px;
	margin: 0px auto;
	padding: 45px 0px 0px 0px;
}

.main2 {
	max-width: 1000px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	display: flex;
	justify-content: center; 
	background-color: #EDEEEE;
}

.breadcrumbs {
	font-size: 16px;
	padding: 0px 0 14px 0; 
}

.breadcrumbs__space {
    margin: 0 3px;
}

.breadcrumbs__link1:hover {
	background-color: #EDEEEE;
}

.breadcrumbs__link2 {
	color: #000000;
	font-size: 16px;
	text-decoration: underline;
}

.breadcrumbs__icon {
    display: inline-block;
    width: 14px;
    margin: 1px 0 -1px 0;
}

.breadcrumbs__list {
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	margin: 0;
	padding-left: 10px;
}

.breadcrumbs__item {
	padding: 5px 6px; 
}

.breadcrumbs__item:after {
	font-size: 16px;
	content: '/'; 
 	padding: 0px 0px 0px 10px; 
}

.breadcrumbs__link {
	color: #000000;
	font-size: 16px;
	text-decoration: underline;
}

.breadcrumbs__link:hover {
	color: #ff3333;
	text-decoration: underline;
}


.article {
	background-color: #EDEEEE;
	padding: 10px 20px 10px 20px;
	border:1px solid Rgb(205,205,205);
}

.left2 {
	width: 100%;
	margin: 0;
	border-right:2px dotted Rgb(205,205,205);
	border-top:1px solid Rgb(205,205,205);
	border-bottom:1px solid Rgb(205,205,205);
	border-left:1px solid Rgb(205,205,205);
}

.right2 {
	max-width: 320px; 
	width: 100%;
	margin: 0;
	border-top:1px solid Rgb(205,205,205);
	border-bottom:1px solid Rgb(205,205,205);
	border-right:1px solid Rgb(205,205,205);
	display: flex;
	flex-direction: column; 
}

.article2 {
	background-color: #EDEEEE;
	padding: 10px 20px 0px 20px;
}

.aside2 {
	background-color: #EDEEEE; 
	padding: 10px 20px 10px 20px;
}

.aside2-item {
	padding: 5px 0px 10px 0px;
}

.aside2-item2 {
	padding: 0px 0px 5px 0px;
}

.aside2-item3 {
	padding: 10px 0px 10px 0px; 
}

.aside2-item4 {
	padding: 10px 0px 0px 0px;
}

.article__title {
	margin: 0px;
	padding: 0px;
	color: #6C0000;
	font-weight: normal;
}

.article__subtitle {
	font-size: 18.0px;
	color: #000000;
	font-weight: normal;
}

.article__subtitle2 {
	font-size: 18.0px;
	color: green; 
	font-weight: normal;
}

.data18 {
	color: gray;
	font-family: sans-serif, Tahoma, Arial;
	font-size: 14px;
}

h1 {
	margin: 0px;
	padding: 0px;
	color: #6C0000; 
	font-weight: normal;
	font-size: 1.5rem;
}

h2 {
	margin: 0px;
	padding: 0px;
	color: #6C0000;
	font-weight: normal;
	font-size: 22px;
}

.article__title--h1 {
	font-size: 1.5rem;
}

.article__title--h2 {
	font-size: 22px;
}

.article__title--h2size2 {
	font-size: 1.8rem;
}

.article__text {
	margin: 15px 0; 
	font-size: 1rem;
	font-weight: normal;
	color: #000000;
	font-family: sans-serif, Arial, Tahoma;
	text-align:justify;
	line-height: 1.3;  
}

.article__text--right {
	text-align: left; 
}

.article__text--small {
	font-size: 16px;
}

.article__text--green {
	color: green;
}

.article__link {
	font-family: sans-serif, Arial, Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #069;
	text-decoration:none;
}

.article__link--small {
	font-size: 16px;
}

.article__link--anchor {
	display: block;
	margin-bottom: 70px; 
	margin-top: -70px; 
}

.article__link:hover {
	color: #ff3333;
	text-decoration:underline;
}

.article__blocks {
	display: flex;
	justify-content: space-around;
	padding: 10px 0px 0px 0px;
}

.article__blocks--1 {
	padding: 0px 20px 0px 0px;
}

.article__blocks--2 {

}

.aside2__link {
	font-family: sans-serif, Arial, Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #069;
	text-decoration:none;
}

.aside2__link:hover {
	color: #ff3333;
	text-decoration:underline;
}

a {
	font-family: sans-serif, Arial, Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #069;
	text-decoration:none;
}

a:hover {
	color: #ff3333;
	text-decoration:underline;
}

.article__img {
	border: 0;
	display: block;
	margin: 10px 0px 10px 0px;
}

.article2__img {
	border: 0;
	display: block;
	margin: 10px 0px 10px 0px;
	width: 500px; 
}

.article2__img__preview {
	border: 0;
	display: block;
	margin: 10px 0px 10px 0px;
	width: 260px;
}

.article3__img__preview {
	border: 0;
	display: block;
	margin: 10px 0px 10px 0px;
	width: 270px;
}

.article__img__small {
	border: 0;
	display: block;
	margin: 10px 20px 10px 20px;
}

.two-columns {
	display: flex;
	justify-content: flex-start;
}

.article__list {
	list-style-type: none;
	margin: 1rem 0;
	padding-left: 0; 
/*	line-height: 1.8rem;  */
}

.article__list--white {
	background-color: #FFFFFF; 
}

.article__list--circle {
	list-style-type: circle; 
}

.article__item {
	margin: 1rem 0;
	line-height: 1.2rem;  
}

.article__list--ol {
	list-style: none;
	counter-reset: num;
	margin: 1rem 0;
	padding-left: 0; 
	line-height: 1.5rem;  
}

.article__item--ol {
	margin: 1rem 0;
	line-height: 1.5rem;  
}

.article__item--ol::before {
	content: counter(num) ".";
	counter-increment: num;
	color: #6C0000; 
	font-size: 1.5rem;
	padding:0 5px;
}

.article__item::before {
  content: "\2027"; 
  color: #22262A; 
  font-weight: normal; 
  display: inline-block; 
  width: 1.2em;
}

.article__item__link {
	color: #069;
	font-size: 18px;
	font-family: sans-serif, Arial, Tahoma;
	font-weight: normal;
	text-decoration:none;
}

.article__item__link:hover {
	color: #ff3333;
	text-decoration:underline;
}

.review-info {
	width: 500px;
	display: flex;
	justify-content: space-around;
	margin: 10px 0px 10px 0px;
}

.bonus-info {
	width: 500px;
	display: flex;
	justify-content: space-around;
	margin: 10px 0px 25px 0px;
}

.new-info {
	width: 300px;
	display: flex;
	justify-content: space-around;
	margin: 10px 0px 25px 0px;
}

.prediction-info {
	width: 900px;
	display: flex;
	justify-content: space-around;
	margin: 20px 0px 20px 0px;
}

.prediction-info__item {
	width: 100%; 
	padding: 10px 15px 10px 15px;
	border: 1px solid Rgb(205,205,205);
}

.prediction-info__item1 {
	border-right: 0px;
	font-size: 20px;
	color: #6C0000; 
	background-color: #FFFFFF; 
}

.prediction-info__item2 {
	border-right: 0px;
	font-size: 20px;
	color: #6C0000; 
	background-color: #FFFFFF; 
}

.prediction-info__item3 {
	display: flex;
	justify-content: center;
	padding: 0px 0px 0px 0px;
}

.prediction-info__link {
	padding: 10px;
	display: block; 
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-family: sans-serif, Arial, Tahoma;
	font-size: 18px;
	font-weight: normal;
	background-color: #348236; 
	color: #FFFFFF;
	text-decoration:none;
	text-transform: uppercase;
}

.prediction-info__link:hover {
	text-decoration:underline;
	background-color: #2f7531; 
	color: #FFFFFF;
}

.prediction-info__link2 {
	font-family: sans-serif, Arial, Tahoma;
	font-size: 20px;
	font-weight: normal;
	color: #069;
	text-decoration:none;
}

.prediction-info__link2:hover {
	color: #ff3333;
	text-decoration:underline;
}

.review-info__item {
	width: 100%; 
	padding: 10px 15px 10px 15px;
	border: 1px solid Rgb(205,205,205);
}

.bonus-info__item {
	width: 100%; 
	padding: 10px 15px 10px 15px;
	border: 1px solid Rgb(205,205,205);
}

.new-info__item {
	width: 100%; 
	padding: 10px 15px 10px 15px;
	border: 1px solid Rgb(205,205,205);
}

.review-info__item1 {
	display: flex;
	justify-content: center;
	border-right: 0px;
	font-size: 20px;
	color: green;
}

.review-info__item2 {
	display: flex;
	justify-content: center;
	padding: 0px 0px 0px 0px;
}

.bonus-info__item2 {
	display: flex;
	justify-content: center;
	padding: 0px 0px 0px 0px;
}

.new-info__item2 {
	display: flex;
	justify-content: center;
	padding: 0px 0px 0px 0px;
}

.review-info__link {
	padding: 10px;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-family: sans-serif, Arial, Tahoma;
	font-size: 18px;
	font-weight: normal;
	background-color: #348236; 
	color: #FFFFFF;
	text-decoration:none;
	text-transform: uppercase;
}

.review-info__link:hover {
	text-decoration:underline;
	background-color: #2f7531; 
	color: #FFFFFF;
}

.bonus-info__link {
	padding: 10px;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-family: sans-serif, Arial, Tahoma;
	font-size: 18px;
	font-weight: normal;
	background-color: #348236; 
	color: #FFFFFF;
	text-decoration:none;
	text-transform: uppercase;
}

.bonus-info__link:hover {
	text-decoration:underline;
	background-color: #2f7531; 
	color: #FFFFFF;
}

.new-info__link {
	padding: 10px;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-family: sans-serif, Arial, Tahoma;
	font-size: 18px;
	font-weight: normal;
	background-color: #348236; 
	color: #FFFFFF;
	text-decoration:none;
	text-transform: uppercase;
}

.new-info__link:hover {
	text-decoration:underline;
	background-color: #2f7531; 
	color: #FFFFFF;
}

.review__img {
	border: 0;
	display: block;
	margin: 10px 0px 10px 0px;
}

.prediction__img {
	border: 0;
	display: block;
	margin: 10px 0px 10px 0px;
}

.new__img {
	border: 0;
	display: block;
	margin: 0px 0px 10px 0px;
}

.footer {
	max-width: 1000px;
	margin: 0 auto;
}

.footer2 {
	max-width: 1000px;
	margin: 0 auto;
}

.navbottomsub {
	width: 100%;
	display: flex;
	justify-content: flex-start;
}


.navbottomsub__list {
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	margin: 0;
	padding-left: 10px;
}

.navbottomsub__item {
	padding: 5px 6px;
	text-transform: uppercase; 
}

.navbottomsub__item:after {
	font-size: 12px;
	content: '/'; 
 	padding: 0px 0px 0px 5px; 
}

.navbottomsub__link {
	color: #069;
	font-size: 18px;
	font-family: sans-serif, Arial, Tahoma;
	font-weight: normal;
	text-decoration:none;
}

.navbottomsub__link:hover {
	color: #ff3333;
	text-decoration: underline;
}


.navbottommain {
	width: 100%;
}


.navbottommain__list {
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	margin: 0;
	padding-left: 10px;
}

.navbottomsub__list22 {
	display: flex;
	flex-direction: column;
	list-style-type: none;
	margin: 0;
	padding-left: 5px;
/*	line-height: 1.5;  */
}

.navbottommain__item {
	padding: 5px 6px;
	text-transform: uppercase; 
}

.navbottomsub__item22 {
	padding: 2px 0px;
	line-height: 1.5rem;  
}

.navbottomsub__item22::before {
  content: "\2027"; 
  color: #22262A; 
  font-weight: normal; 
  display: inline-block; 
  width: 1.2em;
}

.navbottomsub__column {
	padding: 10px 25px 0px 15px;
}

.navbottomsub__column--leftborder {
	padding: 10px 25px 0px 15px;
}

.navbottommain__item:after {
	font-size: 12px;
	content: '/'; 
 	padding: 0px 0px 0px 5px; 
}

.navbottommain__link {
	color: #069;
	font-size: 15px;
	font-family: sans-serif, Arial, Tahoma;
	font-weight: normal;
	text-decoration:none;
}

.navbottommain__link:hover {
	background-color: #1FAD66;  
	color: #FFFFFF;
	text-decoration: underline;
}

.counters {
	padding: 20px 0px 0px 0px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}

.counters2 {
	padding: 0px 0px 10px 0px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}

.counters__item {
	padding: 5px 5px;
}

.counters__img {
	border: 0;
	width: 88px; 
	height: 31px;
}

.counters__img2 {
	border: 0;
	height: 31px;
	display: block;
}

@media (max-width: 991px)  {

:root {
	font-size: 16px;
}

body { font-size: 16px; }
/* .header__container, .main, .footer { max-width: 100%; } */

.main {	padding: 44px 0px 0px 0px; }

.topper { display: none; }
.logotop__img { width: 100vw; } 

.navtopsub__link--border2 { border-left: 1px solid Rgb(205,205,205); }
.navtopsub__link { font-size: 15px; padding: 14px 17px; }

.navtopmain__link { font-size: 15px; padding: 14px 17px; }

.article2__img .article__img, .review__img, .prediction__img { width: 500px; }

.article { padding: 10px 20px 10px 20px; }
.aside2__link, .article__text, .article__link, .article__item__link { font-size: 1rem; }
a { font-size: 16px; }
h1, .article__title--h1 { font-size: 24px; }
.article__title--h2size2 { font-size: 26px; }
h2, .article__title--h2 { font-size: 20px; }
.article__subtitle, .article__subtitle2 { font-size: 16.0px; }

.prediction-info { width: 500px; }
.prediction-info { flex-wrap: wrap; flex-basis: 100%; }
.prediction-info__item3 { border: 0px; }
.prediction-info__item2 { font-size: 18px; border-right: 1px solid Rgb(205,205,205); border-top: 0;}
.prediction-info__item1 { font-size: 18px; border-right: 1px solid Rgb(205,205,205); }
.prediction-info__link { font-size: 18px; }
.prediction-info__link2 { font-size: 18px; }

.navbottomsub__list { padding-left: 10px; }
.navbottomsub__item { padding: 2px 3px; }
.navbottomsub__item:after { font-size: 10px; padding: 0px 0px 0px 2px; }
.navbottomsub__link { font-size: 14px; }

.navbottommain__list { padding-left: 10px; }
.navbottommain__item { padding: 2px 3px; }
.navbottommain__item:after { font-size: 10px; padding: 0px 0px 0px 2px; }
.navbottommain__link { font-size: 12px; }

.data18 { font-size: 13px; }

}

@media (max-width: 880px)  {

:root {
	font-size: 16px;
}

body { font-size: 16px; }
/* .header__container, .main, .footer { max-width: 100%; } */

.main {	padding: 44px 0px 0px 0px; }

.topper { display: none; }
.logotop__img { width: 100vw; } 

.navtopsub__item--7, .navtopsub__item--5, .navtopsub__item--3 { display: none; }
.navtopsub__link--border { border: 0px; }
.navtopsub__link--border2 { border-left: 1px solid Rgb(205,205,205); }
.navtopsub__link { font-size: 15px; padding: 14px 17px; }

.navtopmain__item--4, .navtopmain__item--6 { display: none; }
.navtopmain__link { font-size: 15px; padding: 14px 17px; }

.main2 { flex-wrap: wrap; flex-basis: 100%; }
.left2 { border: 1px solid Rgb(205,205,205); }
.right2 { max-width: 100%; border: 0; border-bottom: 1px solid Rgb(205,205,205); }

.article2__img, .article__img, .review__img, .prediction__img { width: 500px; }

.article { padding: 10px 20px 10px 20px; }
.aside2__link, .article__text, .article__link, .article__item__link { font-size: 1rem; }
a { font-size: 16px; }
h1, .article__title--h1 { font-size: 24px; }
.article__title--h2size2 { font-size: 26px; }
h2, .article__title--h2 { font-size: 20px; }
.article__subtitle, .article__subtitle2 { font-size: 16.0px; }

.article__blocks { flex-wrap: wrap; flex-basis: 100%; }

.prediction-info { width: 500px; flex-wrap: wrap; flex-basis: 100%; }
.prediction-info__item3 { border: 0px; }
.prediction-info__item2 { font-size: 18px; border-right: 1px solid Rgb(205,205,205); border-top: 0;}
.prediction-info__item1 { font-size: 18px; border-right: 1px solid Rgb(205,205,205); }
.prediction-info__link { font-size: 18px; }
.prediction-info__link2 { font-size: 18px; }

.navbottomsub__list { padding-left: 10px; }
.navbottomsub__item { padding: 2px 3px; }
.navbottomsub__item:after { font-size: 10px; padding: 0px 0px 0px 2px; }
.navbottomsub__link { font-size: 14px; }
.navbottomsub__item--3 { display: none; }

.navbottommain__list { padding-left: 10px; }
.navbottommain__item { padding: 2px 3px; }
.navbottommain__item:after { font-size: 10px; padding: 0px 0px 0px 2px; }
.navbottommain__link { font-size: 12px; }
.navbottommain__item--3 { display: none; }

.data18 { font-size: 12px; }
}

@media (max-width: 580px) {

:root {
	font-size: 13px;
}

body { font-size: 13px; }
/* .header__container, .main, .footer { max-width: 100%; } */

.main {	padding: 35px 0px 0px 0px; }

.topper { display: none; }
.logotop__img { width: 100vw; } 

.navtopsub__item--7, .navtopsub__item--6, .navtopsub__item--5, .navtopsub__item--3 { display: none; }
.navtopsub__link--border { border: 0px; }
.navtopsub__link { font-size: 10px; padding: 12px 13px; }

.navtopmain__item--4, .navtopmain__item--5, .navtopmain__item--6 { display: none; }
.navtopmain__link { font-size: 10px; padding: 12px 13px; }

.breadcrumbs, .breadcrumbs__link2, breadcrumbs__item:after { font-size: 12px; }
.breadcrumbs__item:after { content: '/'; font-size: 12px; }

.main2 { flex-wrap: wrap; flex-basis: 100%; }
.left2 { border: 1px solid Rgb(205,205,205); }
.right2 { max-width: 100%;  border: 0; border-bottom: 1px solid Rgb(205,205,205); }

.article2__img__preview, .article2__img, .article__img, .review__img, .prediction__img { width: 80vw; }

.article { padding: 10px 15px 10px 15px; }
.aside2__link, .article__text, .article__link, .article__item__link { font-size: 1rem; }
a { font-size: 13px; }
h1, .article__title--h1 { font-size: 21px; }
.article__title--h2size2 { font-size: 23px; }
h2, .article__title--h2 { font-size: 17px; }
.article__subtitle, .article__subtitle2 { font-size: 14.0px; }

.review-info { width: 285px; flex-wrap: wrap; flex-basis: 100%; }
.review-info__item2 { border: 0px; }
.review-info__item1 { font-size: 16px; 	border-right: 1px solid Rgb(205,205,205); }
.review-info__link { font-size: 16px; }

.bonus-info { width: 285px; flex-wrap: wrap; flex-basis: 100%; }
.bonus-info__item2 { border: 0px; }
.bonus-info__link { font-size: 16px; }

.article__blocks { flex-wrap: wrap; flex-basis: 100%; }

.prediction-info { width: 285px; flex-wrap: wrap; flex-basis: 100%; }
.prediction-info__item3 { border: 0px; }
.prediction-info__item2 { font-size: 16px; border-right: 1px solid Rgb(205,205,205); border-top: 0;}
.prediction-info__item1 { font-size: 16px; border-right: 1px solid Rgb(205,205,205); }
.prediction-info__link { font-size: 16px; }
.prediction-info__link2 { font-size: 16px; }

.navbottomsub__list { padding-left: 10px; }
.navbottomsub__item { padding: 2px 3px; }
.navbottomsub__item:after { font-size: 8px; padding: 0px 0px 0px 2px; }
.navbottomsub__link { font-size: 12px; }
.navbottomsub__item--3 { display: none; }

.navbottommain__list { padding-left: 10px; }
.navbottommain__item { padding: 2px 3px; }
.navbottommain__item:after { font-size: 8px; padding: 0px 0px 0px 2px; }
.navbottommain__link { font-size: 10px; }
.navbottommain__item--3, .navbottommain__item--4 { display: none; }

.data18 { font-size: 10px; }

}

/* 
Large desktops and laptops 
@media (min-width: 1200px) 
Landscape tablets and medium desktops 
@media (min-width: 992px) and (max-width: 1199px) 
Portrait tablets and small desktops 
@media (min-width: 768px) and (max-width: 991px) 
Landscape phones and portrait tablets 
@media (max-width: 767px) 
Portrait phones and smaller 
@media (max-width: 360px) 
*/