@media screen and (max-width: 1200px) {
    .intro {
        align-items: center;
    }
    .intro-info {
        width: 60%;
    }
    .intro-lamp {
        width: 50%;
    }
    .header-talk {
        padding: 10px 20px;
    }
    section {
        padding: 80px 25px;
    }
    .service-more {
        bottom: 10px;
        right: 10px;
    }
    .service-content>p {
        padding: 0 25px 0px 0px;
    }
    .about-info>li {
        margin-top: 25px;
    }
}

@media screen and (max-width: 980px) {
    .menu {
        padding: 25px 20px;
    }
    .menu-mobile-btn {
        display: block;
        z-index: 10000;
    }
    .menu.sticky .top-menu>ul>li>a {
        color: rgba(255,255,255,0.5);
    }
    .popup-enabled .menu__btn>span::before, .popup-enabled .menu__btn>span::after {
        background-color: rgb(255,255,255) !important;
    }
    .intro {
        padding: 0 15px;
    }
    .top-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        overflow: auto;
        z-index: 10000;
        margin-top: 100px;
        background-color: #000;
        margin: 0;
    }
    .top-menu>ul {
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        width: 100%;
        height: 100%;
        padding-left: 10%;
    }
    .top-menu>ul>li {
        margin-bottom: 5%;
        flex: 0;
        text-align: left;
    }
    .top-menu>ul>li>a {
        font-size: 3em;
    }
    .intro-info {
        width: 100%;
    }
    .intro-lamp {
        display: none;
    }
    .top-menu>ul>li>a:hover::after {
        display: none;
    }
    .about-info {
        justify-content: space-around;
    }
    .service-items>li {
        width: 47%;
    }
    .about-info>li {
        width: 47%;
        margin-bottom: 20px;
    }
    .header__light .top-menu>ul>li>a {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 300;
    }
    .header__light .top-menu>ul>li>a:hover {
        color: #fff
    }
}

@media screen and (max-width: 800px) {
    /*.container{
        padding: 0 40px;
    }*/
    body {
        line-height: normal;
        font-size: 15px;
    }
    .service-items>li {
        margin-bottom: 20px;
    }
    .about-us {
        flex-direction: column;
    }
    .about-title {
        margin-bottom: 20px;
    }
    .footer-menu {
        display: none;
    }
    .service-items {
        margin-top: 30px;
    }
    .service-items>li>a>article {
        padding: 25px 20px 40px 42px;
    }
    .coupon {
        display: flex;
        justify-content: flex-end;
    }
    .coupon button[type='submit'] {
        margin-left: 5px;
    }
}

@media screen and (max-width: 700px) {
    .intro {
        margin-top: 60px;
    }
    .service-items {
        margin-top: 30px;
    }
    .service-items>li {
        width: 100%;
    }
    .about-info>li {
        width: 60%;
        min-width: 300px;
    }
    .portfolio-items>li {
        width: 100%;
    }
    .product-picture {
        display: none;
    }
    .product-info {
        width: 100%;
    }
    .product-info {
        padding: 5px;
    }
    .products li {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
    }
    .product_type_variable.add_to_cart_button, .product_type_simple.add_to_cart_button.ajax_add_to_cart {
        width: 200px;
        padding: 10px;
        margin: 2px 0 20px 0;
    }
}

@media screen and (max-width: 580px) {
    .dev-form-flex>div, .dev-form-select, .select-country {
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
	.contact-form{
		width: auto;	
		text-align: center;
	}
	section#contact {
    	padding: 80px 0px;
	}
    .menu-mobile-btn.active {
        position: fixed;
        top: 125px;
        left: 20px;
    }
    h1 {
        font-size: 3em;
    }
    h2 {
        font-size: 2em;
    }
    h3 {
        font-size: 1em;
    }
    .portfolio-items>li:nth-child(4n+2), .portfolio-items>li:nth-child(4n+3) {
        width: 100%;
    }
    .main-footer {
        flex-direction: column;
    }
    .footer-links {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        flex: auto;
        margin-bottom: 10px;
    }
    .social {
        margin-top: 10px;
    }
    .social>ul {
        margin-top: 0;
    }
    .contacts {
        margin-top: 20px;
        width: 100%;
        flex: auto;
    }
    .contacts>address {
        padding-top: 5px;
    }
    .main-footer {
        padding: 25px 0;
    }
    .contact-form .form-name, .contact-form .form-phone, .contact-form .contact-file {
        width: 100%;
        margin-top: 10px;
    }
    .contact-form .form-comments {
        order: 1;
    }
    .contact-form .contact-file {
        order: 2;
    }
    .contact-form>button {
        order: 3;
    }
    .variations>tbody>tr {
        width: 100%;
    }
    .single_variation_wrap {
        flex-direction: column;
    }
    .variations_form button[type="submit"], .cart button[type="submit"] {
        padding: 20px 80px;
        margin-top: 10px;
    }
    .tabs.wc-tabs>li:not(:last-child) {
        margin-right: 10px;
    }
    .coupon button[type='submit'] {
        margin-top: 0px;
    }
    section#subscription {
        padding: 80px 0 0;
    }
    footer .bottom_footer .row a:nth-last-child() {
        width: -webkit-fill-available;
        text-align: center;
    }
	section{
		padding: 80px 0;
	}
	section#subscription{
		padding-top: 0;
	}
	.page-template-page-academy .course__content__items{
		padding:0;
	}
	.page-template-page-academy .course__content .btn-grey a{
		padding: 8px;
	}
	.bottom_items{
		width: -webkit-fill-available;
	}
}

@media screen and (max-width: 400px) {
    h1 {
        font-size: 2.5em;
    }
    h2 {
        font-size: 1.5em;
    }
    h3 {
        font-size: 1em;
    }
    .intro-info>a {
        padding: 20px 40px;
    }
    .form-page-header>h1 {
        font-size: 2.5em;
    }
    .woocommerce-loop-product__title {
        width: 100%;
    }
    .woocommerce-LoopProduct-link.woocommerce-loop-product__link .price {
        width: 100%;
    }
    .product_type_variable.add_to_cart_button, .product_type_simple.add_to_cart_button.ajax_add_to_cart {
        width: 100%;
        max-width: 100%;
    }
}