@media screen and (min-width: 2500px){
	#banner-block {bottom: 70px;}
}

@media screen and (max-width: 1920px) {
	#content-block > .container {width: 60%;}
}

@media screen and (max-width: 1780px) {
    ul.type_stores.search > li p {font-size: 12px;}
    ul.store_floor.floor>li .link a {font-size: 1.2em; }
    #banner-block .banner h4 {font-size: 1.2em;}
}

@media screen and (max-width: 1680px) {
	.container {width: 85%;}
	#content-block > .container {width: 70%;}
	#floor-name{font-size: 16px; margin-bottom: 15px;}
	#floor-scope {margin-top: 5px;}
	#floor-scope > li {font-size: 57px; margin-bottom: 5px;}
	.grid figure h2 {font-size: 34px;}
	#skidki .col.m3 .card-content {min-height: 150px;}
}

@media screen and (max-width: 1560px) {
    ul.store_floor.floor>li .link a {font-size: 1.1em;}
    .grid figure h2 {font-size: 30px;}
    #social .fa {margin: 0;}
    h2.film_name {font-size: 2.56rem; margin-top: 0;}
}

@media screen and (max-width: 1460px) {
    ul.type_stores.search > li p {font-size: 10px;}
}

@media screen and (max-width: 1440px) {
	.info-text {font-size: 16px;}
	#content-block > .container {width: 75%;}
	ul.nav-mobile > li > a {font-size: 16px;}
	#floor-name {font-size: 14px; margin-bottom: 10px;}
	#floor-scope > li {font-size: 51px;}
	h2 {font-size: 3.0rem;}
	.pink-btn{font-size: 16px; padding: 14px 18px;}
	.white-btn {font-size: 16px; padding: 12px 19px;}
	.card .card-title {font-size: 20px;color: rgba(0, 0, 0, 0.87);}
	.grid figure {min-width: 200px;}
	.grid figure h2, .grid figure p {font-size: 24px;}
	.grid figure p {font-size: 69.5%;}
	.grid figure h2, .grid figure p {padding: 0;}
	.send-btn {font-size: 16px;}
	.content-text .col.m7.l7 > p {padding-top: 0;}
	#skidki .col.m3 .card-content {min-height: 180px;}
	#skidki .col.m4 .card-content {min-height: 150px;}
    .shop_search .row>div #reset-pjax {padding: 0 10px;}
     ul.store_floor.floor>li .link a {font-size: 1.0em;}
    ul.type_stores > li p, .dropdown-content li > a, .dropdown-content li > span {font-size: 16px;}
    #banner-block .banner h4 {font-size: 1em;}
    #banner-block .banner .icon {width: 50px;}
}

@media screen and (max-width: 1439px) {
    ul.type_stores.search > li img{width: 45px;}
}

@media screen and (max-width: 1410px) {
    #refresh {width: 10%;}
    #reset-pjax {padding: 0 10px;}
    #reset-pjax i {display: none;}
}

@media screen  and (max-width: 1366px) {
	.container {width: 84%;}
	#content-block > .container {width: 84%;}
	.info-text {font-size: 14px;}
	#logo img {margin-top: 10px;}
    #social {margin-top: 9px;}

	ul.nav-mobile > li > a {font-size: 16px;}
	.grid figure {min-width: 200px;}
	.grid figure h2, .grid figure p {font-size: 24px;}
	.grid figure p {font-size: 69.5%;}
	.grid figure h2, .grid figure p {padding: 0;}
	h5 {font-size: 1.40rem;}
	#floor-name {font-size: 15px; padding: 10px; margin-bottom: 5px;}
	#floor-scope {margin-top: 5px;}
	#floor-scope > li {font-size: 45px; margin-bottom: 5px;}
	h2 {font-size: 3.0rem; line-height: 90%;}
	.white-btn, .pink-btn, .send-btn{font-size: 16px;}
	.card .card-title {font-size: 18px;color: rgba(0, 0, 0, 0.87);}
	.dropdown-content {width: 300px !important;}
	#skidki .col.m3 .card-content {min-height: 200px;}
	#skidki .col.m4 .card-content {min-height: 130px;}
	ul.nav-mobile > li > a {font-size: 15px;}
    .shop_search .row>div {min-height: 84px;}
    ul.type_stores.search > li p {font-size: 11px;}
    .grid figure p {font-size: 60.5%;right: 50px; bottom: 50px; left: 50px;}
}

@media screen and (max-width: 1280px) {
    ul.nav-mobile > li > a {font-size: 12px;}
	#logo img {max-width: 150px;}
	#floor-scope > li {font-size: 44px;}
	.grid figure p {font-size: 60.5%;}
	.content-text .col.m7.l7 > p {padding-top: 0;}
	#skidki .col.m4 .card-content {min-height: 150px;}
    #stores .card .card-title {font-size: 16px;}
    .shop_search .row>div #reset-pjax .button_text {display: none;}
    #refresh {width: 6%;}
    #reset-pjax i {font-size: 2.3em;display: inherit;}
    #reset-pjax {padding: 7px 12px; width: 50px; height: 50px;}
    #family_sort {width: 35%;}
    #search_input {width: 18%;}
    ul.store_floor.floor>li .link a {font-size: 1.2em;}
    ul.nav-mobile > li > a { padding: 0 10px;}
    footer ul.nav-mobile > li > a {font-size: 11px;}
    #info-text1 {width: 100%;}
	#info-text2 {width: 124%;}
	#info-text3 {width: 100%; margin-left: 40px;}
	header .flex-container .fa  {font-size: 35px;}
	.info-text {font-size: 13px; margin-top: 5px;}
    #social {margin-top: 12px;}
   
    .grid figure h2 {font-size: 20px;}
    .grid figure h2, .grid figure p {padding: 5px;}
    figure.effect-dexter p {bottom: 44px; font-size: 50.5%; padding: 0;}
    ul.type_stores.search > li p {font-size: 9px;}
    a.film_timt.tooltipped {margin-right: 2px; font-size: 14px; display: inline-block; margin-bottom: 5px;}
    h2.film_name {font-size: 1.56rem; margin-top: 10px;}
    ul.type_stores > li p {font-size: 14px;}
    #banner-block .banner h4 {font-size: 0.8em;}
}

@media screen and (max-width: 1150px) {

    #logo img {max-width: 120px;}
	header .flex-container .fa  {font-size: 35px;}
	.info-text {font-size: 13px;}
	i.left {margin-right: 5px;}
    h2.film_name {font-size: 1.36rem;}
    a.film_timt.tooltipped {font-size: 14px;}
    #banner-block .banner .icon {width: 45px;}

}

@media screen and (max-width: 1024px) {
	.container {width: 90%;}
	#content-block > .container {width: 90%;}
	#floors {top: 120px;}
	ul#floor-scope {margin-top: 0;}
	#floor-scope > li {font-size: 20px; margin-bottom: 0;margin-top:1px;padding: 10px 0;}
	#floor-name {font-size: 14px; padding: 8px; margin-bottom:0; top: 0;}
	.fa-2x {font-size: 1em;}
	#social {margin-top: 15px;}
	.pink-btn {font-size: 14px; padding: 10px 15px;}
	.white-btn {font-size: 14px; padding: 8px 15px;}
	h2 {font-size: 2.5rem; line-height: 100%;}
	h3 {font-size: 1.92rem;}
	.card .card-image .card-title {padding: 10px;}
	.card .card-title {font-size: 14px;color: rgba(0, 0, 0, 0.87);}
	/*.news .card-image .card-title {bottom: 38px;}*/
	.card-date {padding: 10px; font-size: 12px;}
	.grid figure figcaption, .grid figure figcaption > a {top: 7px;}
	.grid figure h2 {margin-top: 29px; font-size: 20px; margin-top: 37px;}
	#contacts {padding: 20px 0;}
	figure.effect-dexter figcaption::after {right: 15px; bottom: 15px; left: 15px;}
	figure.effect-dexter p {right: 30px; bottom: 30px; left: 30px; font-size: 50.5%;}
	.row.contact-block {height: 300px;}
	h5 {font-size: 1.20rem;}
	.send-btn {font-size: 14px;}
	.content-top h1 {font-size: 25px; padding: 15px 25px;}
	#vacation-block{background-position: -706px -228px;}
	#skidki .col.m3 .card-content {min-height: 240px;}
    nav{line-height: 54px;}
    nav ul a {padding: 0 8px;}
}

@media only screen and (min-width: 768px) {
  .cd-top { right: 20px; bottom: 20px;}
}
@media only screen and (min-width: 1024px) {
  .cd-top {height: 60px;width: 60px;right: 30px;bottom: 30px;}
}

@media screen and (max-width: 768px) {
	.info-text {font-size: 11px;}
	header .flex-container .fa {font-size: 25px;}
	i.left {margin-right: 2px;}
	#social .fa {margin: 0;}
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {height: 50px; line-height: 50px;}
	ul.nav-mobile > li > a {font-size: 10px;}
	#floors {top: 0;}
	#floor-name {font-size: 10px;margin-bottom: 0;}
	#floor-scope > li {margin-bottom: 0;}
	/*.news .card-image .card-title{bottom: 35px;}*/
	/*.card .card-title, #news .card-date{font-size: 10px;}*/
	.card .card-title {color: rgba(0, 0, 0, 0.87);}
	.grid figure {min-width: 100px;}
	figure.effect-dexter figcaption::after {right: 7px; bottom: 7px; left: 7px;}
	.grid figure h2 {font-size: 16px; margin-top: 46%;}
	.grid figure p {font-size: 12px;}
	.row.contact-block p {font-size: 12px;}
	.send-btn {font-size: 10px;}
	.content-top h1 {font-size: 20px; padding: 10px 20px;}
	.content-text h4.right {font-size: 14px;}
	.dropdown-content li > a, .dropdown-content li > span {font-size: 1.0rem;padding: 0.5rem 0.5rem;}
	.rslides_nav i {font-size: 40px;}
	a.rslides_nav.rslides1_nav.prev, .rslides_nav.rslides1_nav.next {top: calc(50% - 29px);}
	#vacation-block {background-position: -900px -228px;}
	.content-text .card .card-content {min-height: 124px;}
	#skidki .col.m3 .card-content {min-height: 340px;}
}


