/* Media Queries */

@media (min-width: 1600px) {
	.main-sl .owl-carousel .owl-item img {
	    width: 70%;
	    object-fit: cover;
	    height: 80vh;
	}

	.packages__wrapper {
	    justify-content: center;
	}

	.packages__element {
		margin: 10px;
	}
}

/* 992 - 1200 px */
@media screen and (max-width: 1199px) {

	/*---------- Index.php ----------*/

	.header__logo img {
    	max-height: 74px;
    }

	.header__logo {
		height: 100%;
		align-items: center;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

	.header {
		padding: 0px 0 0px;
	}

    .menu {

		height: 100%;
		align-items: flex-end;
    }

    .menu li a {
	    font-size: 15px;
	}


	.header__social {
		padding-top: 25px;
		align-items: center;
		height: 100%;
		padding-bottom: 30px;
	}

	.header__social a {
		font-size: 25px;
	}

	.banner__lead h3 {
	    font-weight: 500;
	    font-size: 17px;
	    line-height: 19px;
	}

	.menu>li>a {
	    font-size: 14px;
	    padding-bottom: 35px;
	}



	.main-sl {
		overflow-x: hidden;
	}

	.main__text {
		font-size: 15px;
	}

	.main__description {
	    margin-left: -255px;
	    padding: 25px;
	}

	.img-responsive {
		width: 100%;
	}

	.footer__cont {
	    padding-left: 60px;
	}

	/*---------- photo_samples.php ----------*/

	.gallery-photo {
		padding-top: 30px;
	}

	.img-responsive {
	    max-width: 300px;
	    max-height: 290px;
	}

	.gallery-photo__overlay h3 {
	    text-align: center;
	}

	.img-responsive {
	    max-width: 100%;
	}

	/*---------- photobooth.php ----------*/

	.photobooth {
		padding-bottom: 0;
	}

	.photobooth__wrap {
	    position: inherit;
	}

	.photobooth__wrap img {
		position: inherit;
    	margin-top: 30px;
	}

	.photobooth-enclosed__wrap img{
		margin-top: 60px;
	}

	/*---------- blog.php ----------*/

	a .info {
		margin-top: 40px;
		margin-left: -110px;
	}

	/*---------- packages.php ----------*/

	.packages__wrapper {
	    justify-content: center;
	    padding-bottom: 30px;
	    flex-flow: wrap;
	}

	.form__wrap input {
        max-width: 223px;
    }

    .packages-desk {
        display: none!important;
    }

    .packages-mob {
        display: block!important;
    }

    .packages-mob .packages__element:hover {
        transform: none;
        box-shadow: none;
    }

}

/* 768 - 992 px */
@media screen and (max-width: 991px) {
	/* .sub-menu {
		position: relative;
	    top: auto;
	    left: auto;
	    transform: none;
	    opacity: 1;
	    visibility: visible;
	    display: flex;
	    flex-direction: column;
	}

	.menu li {
		width: 100%;
		text-align: center;
	} */
	.menu-open {
		padding-top: 28px;
	}

	.header__social {
		max-width: 400px;
    	margin: 0 auto;
	}

    h2 {
		font-size: 28px;
	}

	.header__logo img {
	    max-height: 55px;
	}

	.menu {
	    padding-top: 19px;
	}

	.menu li a {
	    font-size: 14px;
		padding-bottom: 20px;
	    /* padding: 0 14px; */
	}



	.menu li .sub-menu li a {
	    /* font-size: 13px; */
	    /* padding: 10px 14px; */
	}

	.main__text {
	    font-size: 14px;
	}

	.main__title {
		font-size: 22px;
	}

	.main__description {
	    padding: 20px;
	}
	.samples {
		padding-bottom: 20px;
	}

	.samples__title {
		margin-top: 0;
		margin-bottom: 25px;
	}

	.samples__title-vid {
	    margin-top: 20px;
	}

	.samples .row {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
	}

	.video-item {
        margin: 5px 0px;
    }

    .mission {
	    padding: 20px 0;
	}

	.image__title, .mission__title {
        margin-bottom: 20px;
    }

	.image__text, .mission__text {
	    font-size: 18px;
	    line-height: 27px;
	    padding: 0 6%;
	    margin-bottom: 15px;
	}

	.faq-main .owl-carousel .owl-nav {
		margin-top: 25px;
	}

	.personal__img {
		width: 70%;
	    margin: auto;
	    margin-bottom: 20px;
	}

	.banner__lead h3 {
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
    }

	.banner__lead i {
        margin: 0px 10px;
        font-size: 15px;
        line-height: 15px;
    }

	.main-sl video {
	  height: 70vh;
	}

	.main-sl img {
	  height: 70vh;
	}

	.blog_wr {
		margin: auto;
	}

	.blog_wr a {
		margin-bottom: 20px;
	}

	.blog__more {
	    margin: 40px auto;
	}

	.footer__social {
		justify-content: space-between;
		margin-left: 0;
	}

	.footer__cont {
	    padding-left: 0;
	}

	.footer form p {
	    width: 100%;
	}

	.contact__wrap-footer {
	    font-size: 14px;
	}

	/*---------- about.php ----------*/

	.about__img {
	    margin: auto;
	    display: flex;
	    margin-top: 10px;
	}

	.about__text p {
	    padding: 5px;
	    text-indent: 13px;
	    font-size: 16px;
	}

	.about__link {
		padding-top: 10px;
		font-size: 17px;
	}

	/*---------- photo_samples.php ----------*/

	.gallery-photo__overlay {
		opacity: 0.85;
	}

	/*---------- video_samples.php ----------*/

	.gallery-video {
	    padding-top: 25px;
	}

	.gallery-video p {
	    font-size: 15px;
	    padding: 0;
	    line-height: 1.6;
	    margin: 13px auto;
	}

	.video-item {
	    margin: 15px 5px;
	}

	/*---------- photobooth.php ----------*/

	.photobooth-enclosed__wrap img {
	    margin-top: 30px;
	}

	/*---------- blog.php ----------*/

	a .info {
	    margin-top: 32px;
	    margin-left: -131px;
	}


	.faq h1 {
		margin-top: 50px;
	}

	.question, .answer {
	    font-size: 18px;
	}

	/*---------- packages.php ----------*/

	.form__wrap {
		flex-direction: column;
	}

	#wpcf7-f96-o1 .wpcf7-text {
		max-width: 100%;
	}

	#wpcf7-f96-o1 .text-519 input,
	#wpcf7-f404-o1 .text-519 input {
		margin-bottom: 0;
	}

	.price__condition {
		margin-top: 10px;
	}

	.form__wrap input {
        max-width: 100%;
    }

	/*---------- reviews.php ----------*/

	.review__subtitle::before,
	.review__subtitle::after {
		width: 37%;
	}

	/*---------- contact_us.php ----------*/

	.contact__title {
		font-size: 45px;
	    margin-top: 50px;
	}

	/*------------------- PROMO 1 --------------------*/

	.promo1__title {
	    max-width: 650px;
	    margin: auto;
	    font-size: 30px;
	}

	.promo1__sub {
	    font-size: 20px;
	    margin: 30px auto 50px;
	}

	.promo1__text {
	    font-size: 20px;
	    text-indent: 20px;
	}

	.promo1__contact {
	    font-size: 20px;
	   margin-top: 15px;
	}

	.promo1__wrap {
	    font-size: 30px;
	    margin-top: 15px;
	}

	.promo1__assistant {
	    padding-top: 30px;
	    align-items: baseline;
	}

	.promo1__box {
	    align-items: center;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	/*----------- Promo Page -----------*/

	.promo-list .promo__wrapper {
	    align-items: center;
	    background: #fff;
	    padding: 10px;
	    box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);
	    width: 84%;
	    margin: 10px auto;
    }

    .promo-list .promo__img {
	    margin-right: 25px;
	}

	.promo-list .promo__sub {
	    font-size: 20px;
	}

	/*----------- Promo 2 -----------*/

    .promo3__wrap {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .promo3__price {
        padding: 22px 11px;
        width: 160px;
    }

    .promo3__price p {
        font-size: 16px;
    }

}

/* 576 - 768 px */
@media screen and (max-width: 767px) {
	.header {
        padding: 8px 0;
    }

    .menu-open {
        padding-top: 15px;
    }
	.menu li>.sub-menu {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-direction: column;
		align-items: center;
		transform: none;
		grid-template-columns: none;
		grid-template-rows: none;
	}

	.menu .menu-item {
		width: 100%;
	}
	.menu li .sub-menu li a,
	.menu-opened .menu-item a {
		padding: 11px 6px 13px 7px;
    	font-size: 16px;
	}

	.menu .sub-menu li a span {
		white-space: normal;
	}

	.menu li {
	  position: relative;
	  padding: 0;
	}

	.menu a {
	  display: inline-block;
	  padding: 0 15px;
	  color: rgba(255, 255, 255, 0.5);
	  position: relative;
	  text-decoration: none;
	}


	.menu li a {
	  color: #474747;
	  text-transform: uppercase;
	  font-size: 16px;
	  font-weight: bold;
	}

	.menu a:before {
	  left: 20%;
	  right: 20%;
	  top: 50%;
	  content: '';
	  border-left: 12px solid #33a950;
	  border-right: 12px solid #33a950;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  height: 3px;
	  opacity: 0;
	  position: absolute;
	  -webkit-transition: all 0.35s ease;
	  transition: all 0.35s ease;
	}

	.menu a:hover:before,
	.menu .current_page_item a:before {
	  left: 0;
	  right: 0;
	  opacity: 1;
	}

	.menu .sub-menu {
	  background: white;
	  border-bottom: 1px solid #d4cfcf;
	  position: absolute;
	  left: 0;
	  visibility: hidden;
	  opacity: 0;
	  z-index: 5;
	  width: 220px;
	  text-align: left;
	  margin-top: 5px;
	  margin-left: -25px;
	}

	.sub-menu li a {
	  color: #7f7f7f;
	  font-size: 17px;
	  line-height: 36px;
	  padding: 0 25px;
	  transition: .4s ease-in-out;
	  position: relative;
	  font-weight: 300;
	  text-transform: none;
	}

	.sub-menu a:before {
	  opacity: 0;
	}

	.menu .sub-menu a:before,
	.menu .sub-menu .current_page_item a:before {
	  opacity: 0;
	}

	.menu > li:hover .sub-menu {
	  visibility: visible;
	  opacity: 1;
	  transform: perspective(600px) rotateX(0deg);
	}
	.header__social {
		padding-bottom: 0;
	}
    .sub-menu li a {
	    font-size: 16px;
	    line-height: normal;
	}

	.main__description {
		display: none;
	}

	.lead__title {
        font-size: 18px;
    }

    .lead__offer {
        font-size: 29px;
        max-width: 340px;
    }

    .lead__offer>span {
        font-size: 74px;
    }

    .lead__description {
        font-size: 16px;
        max-width: 260px;
        margin: 0 auto 23px;
    }

	.lead__wrap {
	    -webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.lead__wrap .border-line {
        height: 0;
        width: 100%;
        border-bottom: 1px solid #d6d6d5;
        border-right: none;
        margin: 50px 0;
    }

    .border-ok.-text {
        margin: -25px auto 0;
    }

    .lead__link {
        width: 90%;
        margin: auto;
    }

    .lead__form {
        width: 90%;
        margin: auto;
    }

	.banner__lead {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.banner__lead i {
		margin-bottom: 8px;
	}

	.main-sl .owl-carousel .owl-item img {
	    width: 100%;
	}

	.header__social {
		width: 180px;
		justify-content: space-between;
		padding-top: 0px;
	}

	.menu .sub-menu {
		position: inherit;
		border: none;
		opacity: 1;
		visibility: inherit;
		margin: 0;
		width: 100%;
		text-align: inherit;
	}

	.menu a:before {
		display: none;
	}

	.sub-menu li a {
		color: #474747;
    	text-transform: uppercase;
    	font-size: 16px;
    	font-weight: bold;
	}

	.menu-opened .menu-item {
	    border-bottom: none;
	}

	.blog_wr {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.blog.section-home .blog_wr a {
		width: 100%;
		height: 514px;
	}

	.blog_wr a {
		width: fit-content;
	}

	.main-sl video,
	.main-sl img {
	  height: 55vh;
	}

	.main-sl .row {
		margin-bottom: -4px;
	}

	.main-sl .owl-carousel .owl-item img {;
        object-fit: cover;
    }

	.main-sl .col-12 {
		padding: 0;
	}

	.vr__video {
		margin-bottom: 15px;
	}

	.review-main .owl-carousel .owl-nav{
		margin-top: 35px;
	}

	.vr__img {
	    object-fit: cover;
	    max-height: 100%;
	}

	.hovereffect {
		margin: auto;
	}

	.footer {
		text-align: center;
	}

	.footer__social {
		margin: 0 auto 25px auto;
	}

	.footer form p {
		width: 100%;
	}

	.footer__cont {
		padding-top: 15px;
	}

	.packages__wrap h2 {
	    font-size: 29px;
    	margin: 10px auto;
    	width: 100%;
	}


	#button-up {
	    width: 40px;
        height: 40px;
        bottom: 20px;
        left: 20px;
	}

	#button-up::after {
        font-size: 25px;
        line-height: 40px;
    }

    .callbackwayup-wrapper__cont a {
		line-height: 2em;
		margin: auto;
	}

	.callbackwayup-wrapper__title {
	    margin-bottom: 16px;
	}

	.callbackwayup-wrapper__cont {
		flex-direction: column;
	}

	/*---------- about_us.php ----------*/

	/* .about__img {
		display: none;
	} */

	.about__img {
		margin-bottom: 20px;
	}

	/*---------- photo_samples.php ----------*/

	.img-responsive {
	    max-height: 255px;
	}

	.gallery-photo {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

	/*---------- photobooth.php ----------*/

	.photobooth {
	    padding-top: 25px;
	}

	.photobooth__wrap {
	    margin-top: 15px;
	}

	.photobooth__text,
	.photobox__text {
		font-size: 16px;
	}

	.photobooth__item h3 {
	    font-size: 18px;
	    margin: 18px 0;
	    letter-spacing: 1px;
	}

	.photobooth__services .photobooth__item p {
	    font-size: 15px;
	    margin: 0;
	    line-height: 1.5;
	}

	.photobooth__column {
		width: 75%;
		margin: 10px auto;
	}

	/*---------- blog.php ----------*/

	.blog_wr a {
	    max-height: 250px;
	}

	.blog a .info {
	    margin-left: -96px;
	}

	/*---------- packages.php ----------*/

	.packages h2 {
	    font-size: 29px;
	    margin: 10px auto;
	    width: 100%;
	}

	.packages__text {
		padding: 14px;
	}

	.packages__wrap {
	    padding-top: 20px;
	}

	.price__condition-wrap {
	    flex-direction: column;
	}

	/*---------- reviews.php ----------*/

	.review__subtitle::before,
	.review__subtitle::after {
		display: none;
	}

	/*---------- contact_us.php ----------*/

	.contact__img {
	    padding: 100px;
	}

	.contact__title {
	    font-size: 35px;
	    margin-top: 30px;
	}

	.contact__description {
		font-size: 23px;
		margin-bottom: 15px;
	}

	.contact__article {
	    font-size: 15px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	    line-height: 26px;
	}

	.contact__wrapper {
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
	}

	.contact__wrap {
	    font-size: 15px;
	    margin-top: 10px;
	    margin-bottom: 15px;
	    text-align: center;
	}

	.contact__wrap-social {
	    font-size: 15px;
	    margin-top: 0;
	    margin-bottom: 30px;
	}

	.contact__wrap-social {
	    font-size: 15px;
	    margin-top: 0;
	    margin-bottom: 30px;
	    line-height: 28px;
	}

	.contacts .wpcf7-form {
		flex-direction: column;
	}

	.contacts .wpcf7-form p {
		padding: 10px;
	}

	.form__wrapper {
		width: 100%;
	}

	/*---------- portfolio.php ----------*/

	.portfolio {
		overflow: hidden;
	}

	.portfolio h2 {
	    font-size: 35px;
	}

	/*----------- Promo Page -----------*/

	.promo-list .promo__wrapper {
	    align-items: center;
	    background: #fff;
	    padding: 10px;
	    box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);
	    width: 90%;
	    margin: 10px auto;
	    /*height: 130px;*/
    	/*max-height: 130px;*/
    }

    .promo-list .promo__img {
	    max-width: 150px;
	    max-height: 105px;
	}

	/*----------- Promo 1 -----------*/

	.promo1 {
        padding: 25px 0;
    }

    .promo1__title {
        font-size: 24px;
    }

    .promo1__sub {
        font-size: 20px;
        margin: 20px auto 9px;
    }

    .promo1__price {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .promo1__album-l,
    .promo1__album-r {
        margin: auto;
    }

    /*----------- Promo 2 -----------*/

    .promo3__wrap {
        width: 445px;
    }

    .promo3__price {
        margin-bottom: 10px;
    }

}

/* 320 - 575 px */
@media screen and (max-width: 575px) {

    .banner__wrapper {
          background: url(../img/webp/29-top-img.webp);
          background-position: 50% 38%;
          background-size: cover;
    }

    .banner__title {
        line-height: 30px;
        font-size: 20px;
        margin: 0px auto 70px;
    }

	.header__social {
		width: 100%;
	}

	.lead__offer {
        font-size: 22px;
        max-width: 340px;
    }

    .lead__offer>span {
        font-size: 44px;
    }

	.hovereffect img {
		width: 300px;
		height: 300px;
	}

	.personal__img {
        width: 85%;
	}

	.personal p {
	    font-size: 15px;
        line-height: 23px;
        padding: 0 2%;
        margin-bottom: 11px;
        text-indent: 20px;
	}

	.banner__wrapper {
		padding-top: 40px;
	}

	.banner__wrapper .col-12,
	.banner-video .col-12 {
		padding: 0;
	}

	.banner__text {
		font-size: 130px;
	    line-height: 10px;
	    margin-bottom: 120px;
	}

	.banner__btn {
		padding: 15px 25px 13px;
		margin-bottom: 45px;
	}

	.banner__lead {
	    padding: 14px 10px 10px;
	    margin-top: 70px;
	}

	.banner-video video {
	    height: 50vh;
	}

	.links__wrap img {
        max-width: 50px;
    }

	.mission__title,
	.image__title {
		font-size: 25px;
		margin-bottom: 15px;
	}

	.image__text, .mission__text {
	    font-size: 15px;
	    line-height: 23px;
	    padding: 0 2%;
	    margin-bottom: 11px;
	    text-align: initial;
	    text-indent: 20px;
	}

	a .info {
	  opacity: 1;
	  filter: alpha(opacity=100);
	  -webkit-transform: scale(1);
	  -ms-transform: scale(1);
	  transform: scale(1);
	  background-color: rgba(0,0,0,0.4);
	  margin-left: -110px;
	}

	.row {
	    margin-right: 0;
	    margin-left: 0;
	}

	.backstage .col-12 {
		padding: 0;
	}


	.contact__description {
		font-size: 22px;
	}

	.footer__social a {
		font-size: 23px;
	}

	.footer h4 {
		font-size: 20px;
	}

	.footer__cont {
	    padding-top: 0;
	}

	.form__wrapper input {
		margin-top: 0;
	}

	.contacts .wpcf7-submit {
		margin: 0 auto;
	}

	.callbackwayup-wrapper__box {
	    width: 100%;
	    max-width: 310px;
	    margin-left: -155px;
	    padding: 15px;
	}

	.callbackwayup-wrapper__det {
	    margin: 30px -40px -40px -40px;
	    padding: 11px 20px 34px 40px;
	}

	.callbackwayup-wrapper__title_small {
		margin-bottom: 4px;
	}

	.callbackwayup-wrapper__cont a {
	    line-height: 23px;
	}

	#wpcf7-f95-o2 form p {
		margin-top: 22px;
	}

	/*---------- about.php ----------*/

	.about-us {
		padding-top: 20px;
    	padding-bottom: 35px;
	}

	.about__text p,
	.about__read,
	.about__package {
	    padding: 5px;
	    text-indent: 15px;
	    font-size: 15px;
	}

	h1 {
		font-size: 25px;
	}

	.footer {
		padding: 25px 0;
	}

	.footer__logo img {
	    max-height: 70px;
	}

	.footer__social {
		padding-top: 10px;
	}

	.footer form p {
	    margin-top: 0px;
	}

	.footer .wpcf7-form input[type="submit"] {
		width: 100%;
	}

	.contact__wrap-footer {
	    font-size: 15px;
	    margin-top: 8px;
	    margin-bottom: 0px;
	    line-height: 30px;
	}

	.callbackwayup {
	    left: 20px;
	    bottom: 30px;
	    width: 50px;
    	height: 50px;
	}

	.callbackwayup__icon {
	    width: 25px;
	    height: 25px;
	    margin-left: -12px;
	    margin-top: -13px;
	}

	/*---------- photobooth.php ----------*/

	.photobooth h1 {
		margin: 5px 0;
	}

	.photobooth__wrap h2 {
	    font-size: 18px;
	}

	.photobox__text {
	    font-size: 16px;
	    padding: 0 10px;
	}

	.photobooth__wrap img {
	    margin-top: 0;
	}

	/*---------- blog.php ----------*/

	.faq {
	    padding-bottom: 25px;
	}

	.blog a .info {
	    margin-left: -110px;
	}

	.faq h1 {
	    margin-top: 25px;
	    margin-bottom: 25px;
	    font-size: 36px;
	}

	.blog.section-home .blog_wr a {
		height: 100%;
		max-height: none;
		width: fit-content;
	}

	.blog.section-home .hovereffect img {
		width: 300px;
    	height: 300px;
	}

	/*---------- packages.php ----------*/

	.price__new {
		margin: auto;
		text-align: center;
	}

	.packages {
	    padding-bottom: 20px;
	}

	.packages__element {
        margin: auto;
    }

	.packages__text {
	    padding: 10px 0;
        margin: 0 10px;
        line-height: 1.4;
	}

	.packages__price {
	    padding-top: 23px;
	}

	.price__condition {
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
	}

	.packages__customization {
	    padding-top: 15px;
	}

	.packages__customization h3 {
	    font-size: 25px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	#wpcf7-f96-o1 .wpcf7-submit {
		width: 100%;
	}

	.packages__customization-text p {
	    margin: 0 20px;
	}

	.price__condition-wrap {
        flex-direction: inherit;
        margin: auto;
    }

	/*---------- reviews.php ----------*/

	.reviews {
	    padding-top: 25px;
	    padding-bottom: 25px;
	}

	.review__title {
	    font-size: 25px;
	}

	.review__subtitle {
		margin-top: 20px;
		font-size: 22px;
	}

	.review__wrapper {
		margin: 0;
	}

	.review__wrapper iframe {
		height: 500px;
		min-width: 200px!important;
	}

	.review__wrap-inst .review__wrapper {
		padding: 0;
	}

	.review__wrapper iframe .HeaderCta a.FollowButton,
	.review__wrapper iframe .HeaderCta a.ViewProfileButton {
		display: none!important;
	}


	.contact__wrap-social {
		margin-bottom: 10px;
	}

	/*---------- portfolio.php ----------*/

	.portfolio .col-md-6 {
		padding: 0;
	}

	/*---------- photo-samles.php ----------*/

	.gallery-photo__wrapper {
        margin: 10px 0;
    }

    /*------------------- PROMO HTML --------------------*/

	.promo1 {
	    padding: 25px 0;
	}

	.promo1__title {
	    font-size: 22px;
	}

	.promo1__sub {
	    font-size: 18px;
	    margin: 20px auto;
	}

	.promo1__wrap {
	    font-size: 24px;
	    margin-top: 15px;
	}

	.promo1__assistant {
	    align-items: center;
	}

	/*----------- Promo Page -----------*/

	.promo-list .promo__wrapper {
	    width: 100%;
	    margin: 7px auto;
	    height: 95px;
    }

    .promo-list .promo__img {
	    max-width: 100px;
        max-height: 67px;
        margin-right: 17px;
	}

	.promo-list .promo__sub {
        font-size: 16px;
    }

    /*----------- Promo 1 -----------*/

    .promo1__album-l,
    .promo1__album-r {
        max-width: 250px;
        margin-bottom: 7px;
    }

    .countdown-title {
        font-size: 24px;
        margin: 20px 0px;
    }

    .countdown {
        font-size: 20px;
        margin: 20px auto 40px;
    }

    .countdown-number {
        padding: 10px;
        width: 75px;
    }

    .countdown-time {
        padding: 6px;
    }

    .countdown-text {
        padding-top: 5px;
        font-size: 12px;
    }

    .countdown-time {
        min-width: 35px;
    }

    .row-count .col-12 {
        padding: 0;
    }

    .promo1__contact {
        margin-bottom: 15px;
    }

    #wpcf7-f404-o1 .wpcf7-submit {
        margin: 10px auto;
    }

    /*----------- Promo 2 -----------*/

    .promo3__wrap {
        width: 290px;
    }

    .promo1__title {
        margin-bottom: 10px;
    }

    /*----------- Promo 6 -----------*/

    .promo6__img {
        width: 80%;
        display: flex;
        margin: 0 auto 10px;
    }
}
.promo__wrapper.promo_one_oil {
    align-items: center;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);
    width: 80%;
    margin: 10px auto;
    height: auto;
    display: flex;
	flex-direction: column-reverse;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
.promo_one_oil .promo__img {
    width: 100%;
    max-width: 316px;
    margin: 20px 0;
    box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.2);
    max-height: 232px;
    object-fit: cover;
}


@media screen and (max-width: 767px){
    .promo-list .promo_one_oil .promo__img {
        max-width: 180px!important;
        max-height: 130px!important;
    }
}

@media screen and (max-width: 767px){
    .promo-list .promo_one_oil.promo__wrapper {
        align-items: center!important;
        background: #fff!important;
        padding: 10px!important;
        box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2)!important;
        width: 100%!important;
        margin: 10px auto!important;
        /*height: 170px!important;*/
        /*max-height: 170px!important;*/
    }
}

@media screen and (max-width: 575px){
    .promo-list .promo_one_oil.promo__wrapper {
        width: 100%!important;
        margin: 7px auto!important;
        /*height: 170px!important;*/
    }
}
@media screen and (max-width: 575px){
    .promo-list .promo_one_oil .promo__img {
        max-width: 160px!important;
        max-height: 135px!important;
        margin-right: 17px!important;
    }
}