@media only screen and (max-width:960px) {
    body {
        min-width: 320px;
        padding: 0 15px;
    }

    .g-age {
        position: fixed;
    }

    .topbanner {
        max-width: 100%;
    }

    .topbanner img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top;
    }
/*HEADER*/
    header[role=banner] {
        width: 100%;
        display: grid;
        grid-template-columns: 240px 280px 1fr;
    }

    header[role=banner] .aside {
        margin-left: auto
    }


    header + nav[role=navigation] .primary-nav {
        width: 100%;
    }

    header + nav[role=navigation] {
        margin: auto;
        max-width: 960px;
    }

    header + nav[role=navigation]:before {
        color: #fff;
        display: block;
        content: "Меню";
        font-size: 18px;
        padding: 10px;
    }

    header + nav[role=navigation]:active .primary-nav,
    header + nav[role=navigation]:hover .primary-nav,
    header + nav[role=navigation]:focus .primary-nav {
        display: grid;
    }

    header + nav[role=navigation] .primary-nav {
        width: 100%;
        padding-bottom: 15px;
        display: none;
    }

    header + nav[role=navigation] .primary-nav__link {
        padding: 10px;
    }
    
    .g-social ul {
        text-align: left;
    }
/*HEADER*/

/*page-frontpage*/
    .hero-wrap .hero {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(250px, 450px) 480px;
    }

    .common-fp-story,
    .hero-items-container {
        margin: 0;
        float: none;
        width: 100%;
    }

    .common-fp-story__image img {
        width: 100%;
        min-height: inherit;
        max-height: inherit;
        object-fit: contain;
        object-position: top;
    }

    .hero-items-container .hero-items-block:nth-child(2) img {
        width: 241px;
    }
/*page-frontpage*/

/*news-list*/
    .news-list {
        width: 100%;
    }
/*news-list*/
    .banner-separator {
        width: 100%;
    }

    .banner-separator img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: bottom;
    }

    .themes,
    .travels,
    .tests,
    .fp-interview-list {
        margin-right: 0;
    }

    .fp-interview,
    .fp-interview-list__item--hero,
    .fp-interview-list__item,
    .interview__photo,
    .interview__body,
    .interview-content-item__photo,
    .page main,
    .page .sidebar,
    .themes__item, .travels__item, .tests__item,
	.w-motoblog {
        width: 100%;
    }

	.w-motoblog--carousel .motoblog-list{
		width: 100%;
		margin: 0;
	}

    .interview__wrapper,
    .interview-content-item {
        display: grid;
        grid-template-columns: minmax(200px, 320px) minmax(300px, 1fr);
    }

    .interview__photo img,
    .interview-content-item__photo img,
    .themes__item__image img, .travels__item__image img, .tests__item__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .fp-interview-list > .fp-interview-list__item {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .common-person:after {
        content: none;
    }

    .interview-compact__text {
        margin-left: 140px;
    }

    .qna-travel {
        width: 100%;
        display: grid;
    }

    .qna-travel:before {
        content: none;
    }

    .number-of-the-day {
        width: 100%;
        float: none;
    }

    .qna-travel .number-of-the-day {
        padding: 30px;
        box-sizing: border-box;
    }

    .qna-travel__qna {
        width: 100%;
        height: 420px;
    }

    .stories-design {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .fp-special {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }

    .fp-special__image {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: inherit;
        grid-row: 1;
    }

    .fp-special__image img {
        vertical-align: top;
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: top;
    }

    .fp-special__caption {
        width: 100%;
        margin-left: 0;
    }

    .magazine-about-hero__container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        display: grid;
        grid-column-gap: 50px;
        grid-template-columns: 1fr 1fr;
    }

    .magazine-about-hero--fp .magazine-about-hero__container .preview {
        margin: auto;
        margin-right: 0;
        top: 0 !important;
        position: relative;
    }

    .magazine-about-hero--fp .magazine-about-hero__container .content {
        padding-left: 0;
    }


    footer[role=contentinfo] {
        min-width: inherit;
    }

    footer[role=contentinfo] .primary-nav {
        width: 100%;
        display: grid;
        text-align: center;
        justify-content: center;
        margin-bottom: 20px;
        padding-top: 10px;
    }

    footer[role=contentinfo] .primary-nav__item {
        line-height: 1;
    }

    footer[role=contentinfo] .primary-nav__item:last-child {
        margin-top: 20px;
    }

    footer[role=contentinfo] .primary-nav__item .primary-nav__link {
        padding: 8px 0;
    }

    footer[role=contentinfo] .site-info {
        width: 100%;
        text-align: center;
    }


    footer[role=contentinfo] .site-info div:nth-child(2) {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        height: auto !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    footer[role=contentinfo] .site-info .madeby,
    footer[role=contentinfo] .site-info .copyrights {
        width: 100%;
        float: none;
        text-align: center;
    }

    /*interview page*/
    .page__header,
    .page__body,
    .page-cut__extender{
        width: 100%;
        min-width: inherit;
        position: relative;
    }
    .page__header__caption{
        width: 100%; 
        float: none;
        margin-left: 0;
        min-height: initial;
    }
    .page__header__image{
        left: 0;
        width: 100%;
        position: relative;
    }
    
    .page-cut img,
    .page__header__image img,
    .travels-article .typography img,
    .news__list__item--hero .image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    .travels-article .typography iframe{
        width: 100% !important;
    }

    /*test single*/
    .page__nav--top{
        min-width: inherit;
    }
    .page-cut{
        min-height: 170px;
        margin-bottom: 10px;
        height: inherit !important;
    }
    .photo-detailed__overlay{
        top: 0;
    }
    .photo-detailed--hero .photo-detailed__image{
        top: 0;
        left: 0;
        margin-left: 0;
        position: relative;
    }
    .photo-detailed{
        height: 100% !important;
    }
    .photo-detailed--hero .photo-detailed__image img{
        width: 100%;
        height: 100% !important;
        object-fit: contain;
        object-position: top;
    }
    .photo-detailed-caption__body{
        width: 100%;
        padding: 25px;
        box-sizing: border-box;
    }
    .photo-detailed__overlay .point .tooltip--br{
        bottom: 15px;
        right: -120px;
    }
    .photo-detailed__overlay .point .tooltip--br .tail{
        bottom: 9px;
        left: 47.5%;
        border-bottom: inherit;
        border-left: inherit;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13px 6.5px 0 6.5px;
        border-color: #5090d0 transparent transparent transparent;
    }


    .page-magazine-about .page__body main[role=main],
    .magazine-collage__item,
    .magazine-collage__item img,
    .magazine-about-hero__container .preview img,
    .magazine-about-hero__container .content,
    .page-magazine-archive main[role=main]{
        width: 100% !important;
    }
    .magazine-collage__item img,
    .magazine-about-hero__container .preview img{
        height: 100%;
        object-fit: contain;
        object-position: top;
    }
    .magazine-about-hero__container .preview{
        margin-right: 0;
        float: none;
        box-shadow: none;
        text-align: center;
    }
    .magazine-about-hero__container .preview img{
        object-fit: fill;
        max-width: 500px;
        margin: 0 auto;
    }

    .page-magazine-archive .page__body{
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
    }
    .page-magazine-archive .page__body .sidebar{
        grid-row: 1;
    }
    .page-magazine-archive .page__body .magazine-archive-list{
        margin-left: 0;
    }
    .page-magazine-archive .page__body .magazine-archive-list ul{
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(auto-fill, 160px);
    }
    .page-magazine-archive .page__body .magazine-archive-list ul .magazine-archive-list__item{
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 0;
    }

    .magazine-advert-subnav{
        width: 100%;
    }

    .magazine-advert-article__tlist tbody  tr{
        display: grid;
        grid-gap: 50px;
        background: #fff !important;
        grid-template-columns: repeat(auto-fill, 160px);
    }
    .magazine-advert-article__tlist tbody  tr td{
        border: 0;
        width: 100%;
        background: #F8F8F8;
        text-align: left;
        padding: 10px 15px;
    }
    .magazine-advert-article__tlist tbody  tr td ul{
        padding-right: 0;
    }

    .form .row__input{
        margin-top: 10px;
    }

    .news__list{
        margin-right: 0;
    }
    .news__list__item--hero{
        width: 100%;
        margin-right: 0;
    }
    .news__list__item--hero .image img{
        max-height: 350px;
    }
    .common-carousel .reducer{
        width: 100%;
    }
    .BackToTop{
        top: initial !important;
        bottom: 10px;
        right: 20px !important;
    }
}
/*960*/

@media only screen and (max-width:768px) {
    header[role=banner] {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 40px;
    }

    header[role=banner] .branding {
        width: 100%;
        padding: 10px 0;
        grid-column: 1/3;
        text-align: center;
    }

    header[role=banner] .hot-topics {
        width: 100%;
        text-align: center;
    }

    header[role=banner] .aside {
        width: 100%;
        text-align: center;
    }

    .hero-wrap .hero {
        grid-template-columns: 1fr;
    }

    .common-fp-story {
        grid-row: 1/2;
    }

    .common-fp-story__image img {
        width: 100%;
    }

    .hero-items-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .hero-items-container:before {
        content: none;
    }

    .hero-items-block {
        width: 100%;
        float: none;
        height: 100%;
        text-align: center;
    }

    .hero-wrap .hero__item {
        width: 100%;
        float: none;
    }

    .hero-wrap .hero__item .image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .section-title__title {
        font-size: 40px;
        line-height: 40px;
    }

    .container-82037{
        width: 100% !important;
    }
    .container-82037 .list-container{
        display: grid;
        grid-column-gap: 15px;
        grid-template-columns: 1fr 1fr;
    }

    .news-list__today {
        margin-top: 10px;
        position: relative;
        text-align: center;
    }

    .news-list__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .news-list__highlight,
    .news-list__banner {
        width: 100%;
        float: none;
        text-align: center;
    }

    .news-list__list .isotope {
        grid-column: 1/3;
    }

    .stories-design {
        display: block;
    }

    .sidebar .experts li .common-person{
        width: 100%;
        display: flex;
        max-width: 100%;
        padding-right: 0;
        text-align: center;
        flex-direction: column;
    }

    .common-person__avatar{
        float: none;
    }
    .common-person__name, .common-person__position{
        margin: 0;
    }



    .magazine-about-hero__container {
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
    }



    .magazine-about-hero__container .preview img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top;
    }
    #formQuestion .form fieldset .row:nth-child(4){
        display: flex;
        flex-flow: column;
    }
    #formQuestion .form .row.captcha .row__input .captcha__image{
        float: none;
    }
    #formQuestion .form .row.captcha .row__input .captcha__input{
        margin-left: 0;
        margin-top: 15px;
    }


    /*768*/
}

@media only screen and (max-width:600px) {
    /*
    .topbanner {
        display: none;
    }*/
    .page__header h1{
        font-size: 45px;
        line-height: 1.3;
    }
    header[role=banner] {
        grid-template-columns: 1fr;
    }

    header[role=banner] .branding {
        grid-column: 1/2;
    }

    header[role=banner] .hot-topics {
        grid-row: 2/3;
        padding: 30px 0 15px;
    }

    header[role=banner] .aside {
        grid-row: 3/4;
        padding: 10px 0;
    }
    .news__header .alt-section-title{
        float: none;
    }
    .news__header .comma-list{
        padding-left: 0;
    }
}

@media only screen and (max-width:500px) {
   
    .hero-items-container {
        grid-template-columns: 1fr;
    }

    .common-fp-story__caption__body {
        margin: 15px 20px 0;
    }
    .common-fp-story__caption__body h2{
        margin: 0;
    }
    .common-fp-story__more__body ul li{
        padding: 0;
    }
    .common-fp-story__more__body ul li:before{
        content: none;
    }
    .news__list__item, .showrooms-article__news{
        margin-right: 0;
    }
    .news__list__item--highlight{
        width: 100%;
    }
    .news__list__item .image img, .showrooms-article__news .image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    .news__list{
        margin: 0 -10px;
        box-sizing: border-box;
    }

    .news__list>li{
        margin: 0 5px 5px;
        width: 100%;
    }
    .hero-items-container .hero-items-block:nth-child(2) img {
        width: 100%;
        object-fit: contain;
    }

    .news-list__list {
        grid-template-columns: 1fr;
    }

    /* .carousel__list__item--wide{
        width: 100%;
    } */
    .news-list__list .isotope {
        grid-column: 1/2;
    }

    .news-list__list .isotope .news-list__list__item{
        margin: 0 auto 15px;
        position: relative !important;
        top: 0 !important;
        float: none;
    }
    .common-fp-story--right .common-fp-story__caption{
        min-height: inherit !important;
    }
    .common-fp-story--more .common-fp-story__caption__body{
        padding: 0;
        margin: 20px;
    }
    .common-fp-story--right .common-fp-story__caption__body{
        padding: 0;
        margin: 20px;
    }
    .fp-special__caption-body{
        padding: 20px;
    }
    .fp-special__title{
        font-size: 26px;
        line-height: 30px;
    }

    .themes__item__caption__body, .travels__item__caption__body, .tests__item__caption__body{
        padding: 20px;
    }

    .interview__wrapper, .interview-content-item {
        display: grid;
        grid-template-columns: 1fr;
    }
    .interview-content-item__body{
        min-height: inherit;
    }
    .interview__body{
        height: 100%;
    }
    .interview__body:after{
        content: none;
    }
    .interview__body-inner{
        padding: 20px;
    }

    .photo-detailed-caption__body .title{
        font-size: 24px;
        line-height: 30px;
    }
    .photo-detailed__overlay .point{
        top: 125px !important;
        left: 500px !important;
    }
    .w-podverstka--3 .w-podverstka__col,
    .w-podverstka__col{
        float: none;
        width: 100%;
    }
    .podverstka img,
    .w-podverstka--3 .w-podverstka__col img,
    .typography p.image-with-note img, .chronicle-article p.image-with-note img, .page-autos main[role=main] .intro p.image-with-note img, .autos-ad-article__summary p.image-with-note img, .test p.image-with-note img, .popup--common p.image-with-note img {
        vertical-align: top;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .photo-detailed__image > img{
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
    }
    .test-banner__body{
        padding: 20px;
    }
    .common-person__avatar {
        float: none;
        margin-bottom: 15px;
    }
    .page-practice .common-person__avatar {
        float: left;
        margin-bottom: 0px;
    }
    .typography .common-person .common-person__avatar{
        float: left !important;
    }
    .common-person--largehz .common-person__name,
    .common-person--largehz .common-person__position,
    .common-person--largehz .common-person__intro {
        margin-left: 0;
    }
    .interview__photo-mask{
        display: none;
    }
    .interview__quote{
        padding: 20px 20px 20px 60px;
    }

    .interview-compact__text {
        margin-left: 0px;
    }

    .qna-travel__qna {
        height: 460px;
    }



    .motoblog-filter,
    .select-list {
        float: none;
        width: 100%;
        margin-left: 0px;
        margin-right: 0;
    }

    .w-motoblog--carousel:before {
        content: none;
    }

    .magazine-about-hero__title small {
        display: block;
        margin-left: 0;
    }

    .magazine-about-hero__buttons,
    .magazine-about-hero--fp .magazine-about-hero__buttons ul,
    .magazine-about-hero__buttons li {
        margin-left: 0;
        margin-right: 0;
    }

    .magazine-about-hero--fp .magazine-about-hero__container .preview,
    .magazine-about-hero__buttons li,
    .magazine-about-hero__buttons .button,
    .magazine-about-hero__buttons .button-app {
        width: 100%;
    }

    .page__header.has-breadcrumbs h1{
        line-height: 1;
        font-size: 30px;
    }

    .page__header__caption__body {
        padding: 20px;
    }

}

@media only screen and (max-width:480px) {
    .common-gallery__preview{
        display: none;
    }
    .hero-wrap .hero__item .caption__body a{
        font-size: 21px;
        line-height: 25px;
        font-weight: bold;
        color: #000;
        background: #fff;
        border: 0;
    }


    .common-carousel .carousel__prev, .common-carousel .carousel__next{
        width: 170px;
    }
    .common-carousel .carousel__prev:before, .common-carousel .carousel__next:before{
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    .common-carousel .carousel__prev:before{
        right: 0;
    }
    .common-carousel .carousel__next:before{
        left: 0;
    }

	.w-motoblog--carousel .motoblog-list .swiper-wrapper{
		padding-left: 100px !important; 
		display: flex;
	}

	.motoblog-list__item{
		width: 100%;
		float: none;
		padding-right: 95px;
	}
	.carousel__list__item{
		flex-shrink: 0;
	}


	.motoblog__prev,
	  .motoblog__next{
		  width: 40px;
	  }
		.motoblog__prev {
			left: 0px
		}
	  .motoblog__next {
			right: 0px
		}
	  .motoblog__prev:before,
	  .motoblog__next:before{
		width: 30px;
		height: 30px;
		background-size: contain;
	  }
	  .motoblog__prev:before{
		right: 5px;
	  }
	  .motoblog__next:before{
		left: 5px;
	  }

}

@media only screen and (max-width:330px) {
	.w-motoblog--carousel .motoblog-list .swiper-wrapper{
		padding-left: 50px !important; 
	}
}