/*PHONE*/
@media (max-width: 767px) {
    .padding {padding-left:1em; padding-right: 1em}

    /*CTA*/
    .cta {padding: 1em; width: 100%;}
    .cta em {display: none;}
    .cta span {font-size: .75em;}
    .cta i.arrow {margin-left: 2em; font-size: 1.5em;}
    .cta i.arrow:after {left: -1em;}

    .cta.noarrow .arrow {display: none;}

    /*HEADER*/
    header.header a.logo strong {font-size: 1em; line-height: 3em;}

    header.header .contacts li {margin: 1em 0 0; display: block;}
    header.header .contacts li.phone {display: none;}
    header.header .contacts li .cta {display: block; text-align: center;}

    header.header nav .menu_icon {display: block}

    header.header nav ul.main_menu {transform: translateY(-100%); opacity: 0; display: block;}

    header.header nav ul.main_menu.active {transform: translateY(0); opacity: 1;}
    header.header nav ul.main_menu {position: fixed; margin:0; padding-top: 8em; padding-left: 2em; padding-right:2em; top:0; bottom:0; right:0; left:0; background-image: linear-gradient(90deg,#30933C, #C1BC19); color:#FFF; text-align: left;  z-index: 100;}
    header.header nav ul.main_menu li {display: block; margin: 1.5em 0; font-size: 1.5em;}
    header.header nav ul.main_menu li.phone {display: block;}
    header.header nav ul.main_menu li a {color:#FFF; text-shadow: none;}

    /*MAIN SLIDER*/
    .main_page .slider .overlay {height: 40em;}
    .main_page .slider .caption_wrapper .caption {text-align: center;}
    .main_page .slider .caption_wrapper .caption .subtitle {font-size: 1em;}
    .main_page .slider .caption_wrapper .caption .title {font-size: 1.8em;}
    .main_page .slider .caption_wrapper .caption .description {font-size: 1.3em;}
    .main_page .slider .caption_wrapper .caption .description span {}

    /*MAIN ABOUT*/
    .main_page .about {padding-top: 4em; padding-bottom: 4em;}
    .main_page .about .quote_wrapper {padding: 0;}
    .main_page .about .quote_wrapper .bg_wrapper {padding: 0; background: none;}
    .main_page .about .title {font-size: 2em;}

    .main_page .about .quote .description {font-size: 1.1em;}
    .main_page .about .quote .description i {position: relative; font-size: 2em; line-height: 1.8em; background: none; border:none; color:#777; width:
            1em; display: inline-block}
    .main_page .about .quote .description i.open {left: 0; top:0;  margin-right: .5em; float:left; }
    .main_page .about .quote .description i.close {display: none;}

    .main_page .about .quote .sign strong {font-size: 1.2em;}

    .main_page .about .photo_wrapper {display: none;}

    /*MAIN PROMO*/
    .main_page .promo {padding-top: 3em; padding-bottom: 3em;}
    .main_page .promo .title {font-size: 1em;}
    .main_page .promo .description {font-size: 1em; font-weight: 600;}

    /*MAIN EQ*/
    .main_page .equipment {padding-top: 4em; padding-bottom: 4em; }
    .main_page .equipment .photo_wrapper {display: none;}

    .main_page .equipment .equipment_wrapper {padding: 0;}
    .main_page .equipment .equipment_wrapper .bg_wrapper {padding: 0;}
    .main_page .equipment .title {font-size: 1.5em; line-height: 1.5em; font-weight: 600;}
    .main_page .equipment .description {font-size: 1em}

    /*MAIN DOCUMENTS*/
    .main_page .documents {padding-top: 4em; padding-bottom: 4em; }
    .main_page .documents .title {font-size: 1.5em; line-height: 1.5em; font-weight: 600;}
    .main_page .documents .description {font-size: 1em;}

    .main_page .documents .documents_list {margin-top: 4em;}

    /*MAIN REVIEWS*/
    .main_page .reviews {padding-top: 4em; padding-bottom: 0; }
    .main_page .reviews .main_title {font-size: 2em;}

    /*MAIN MAP*/
    .main_page .map {display:none;}

    /*CTA BLOCK*/
    footer .cta_block .wrapper {padding-top: 4em; padding-bottom: 4em; }
    footer .cta_block .title {font-size: 2em;}
    footer .cta_block .input_row {margin: 1em 0;}

    footer .cta_block form .ok_txt {right: 0; font-size: 1.5em;}

    /*FOOTER*/
    footer .footer {padding-top: 4em; padding-bottom: 4em; text-align: center; }
    footer .footer .caption {width: 100%; font-size: .9em;}
    footer .footer ul.menu {margin: 2em 0;}

    footer .contacts {text-align: center; margin-top: 2em;}

    footer .copyright {text-align: center;}
    footer .copyright ul.menu {margin: 2em 0; text-align: center;}
    footer .copyright ul.menu li {display: block; margin: 1em 0;}

    footer .copyright a.primosoft {text-align: center;}
    footer .copyright a.primosoft span {display: none;}
    footer .copyright a.primosoft img {float: none}

    /*CONTENT*/
    main.main .main_title_wrapper {padding-top: 4em; padding-bottom: 4em; }
    main.main h1.main_title {font-size: 1.8em;}

    main.main .content h2 {font-size: 1.5em;}

    /*SERVICES*/
    .services_list .element .title strong {font-size: 1.2em;}
    .element_detail .documents {padding: 1em;}

    /*REVIEWS*/
    .element_detail .review_icon {font-size: 2em;}
    .element_detail .description {font-size: 1.2em;}
    .element_detail .review {width: 100%;}
    .element_detail .partner {padding: 4em 1em 1em; font-size: .9em;}

    /*CONTACT PAGE*/
    .page_contact .element .value.email {font-size: 1em;}
    .page_contact .map_wrapper {margin: 0 -2em;}
    .page_contact .map {height: 20em}

    /*MODAL*/
    .modal {width: 100%;}
    .modal.document_modal {width: 100%;}
    .modal.document_modal .document img {width: 100%; float: none;}
    .modal.document_modal .description_wrapper {padding: 2em 1em;}
    .modal.document_modal .description_wrapper h2 {font-size: 1.5em;}

    .totop {display: none;}

}

/*IPAD PORTRET*/
@media (min-width:768px) and (max-width:991px)
{
    .padding {padding-left:1em; padding-right: 1em}

    /*CTA*/
    .cta {padding: 1em; width: 100%;}
    .cta em {display: none;}
    .cta span {font-size: .75em;}
    .cta i.arrow {margin-left: 2em; font-size: 1.5em;}
    .cta i.arrow:after {left: -1em;}

    .cta.noarrow .arrow {display: none;}

    /*HEADER*/
    header.header a.logo strong {font-size: 1em; line-height: 3em;}

    header.header .contacts li {margin: 1em 0 0; display: block;}
    header.header .contacts li.phone {display: none;}
    header.header .contacts li .cta {display: block; text-align: center;}

    header.header nav .menu_icon {display: block}

    header.header nav ul.main_menu {transform: translateY(-100%); opacity: 0; display: block;}

    header.header nav ul.main_menu.active {transform: translateY(0); opacity: 1;}
    header.header nav ul.main_menu {position: fixed; margin:0; padding-top: 8em; padding-left: 2em; padding-right:2em; top:0; bottom:0; right:0; left:0; background-image: linear-gradient(90deg,#30933C, #C1BC19); color:#FFF; text-align: left;  z-index: 100;}
    header.header nav ul.main_menu li {display: block; margin: 1.5em 0; font-size: 1.5em;}
    header.header nav ul.main_menu li.phone {display: block;}
    header.header nav ul.main_menu li a {color:#FFF; text-shadow: none;}

    /*MAIN SLIDER*/
    .main_page .slider .overlay {height: 40em;}
    .main_page .slider .caption_wrapper .caption {text-align: center;}
    .main_page .slider .caption_wrapper .caption .subtitle {font-size: 1em;}
    .main_page .slider .caption_wrapper .caption .title {font-size: 1.8em;}
    .main_page .slider .caption_wrapper .caption .description {font-size: 1.3em;}
    .main_page .slider .caption_wrapper .caption .description span {}

    /*MAIN ABOUT*/
    .main_page .about {padding-top: 4em; padding-bottom: 4em;}
    .main_page .about .quote_wrapper {padding: 0;}
    .main_page .about .quote_wrapper .bg_wrapper {padding: 0; background: none;}
    .main_page .about .title {font-size: 2em;}

    .main_page .about .quote .description {font-size: 1.1em;}
    .main_page .about .quote .description i {position: relative; font-size: 2em; line-height: 1.8em; background: none; border:none; color:#777; width:
            1em; display: inline-block}
    .main_page .about .quote .description i.open {left: 0; top:0;  margin-right: .5em; float:left; }
    .main_page .about .quote .description i.close {display: none;}

    .main_page .about .quote .sign strong {font-size: 1.2em;}

    .main_page .about .photo_wrapper {display: none;}

    /*MAIN PROMO*/
    .main_page .promo {padding-top: 3em; padding-bottom: 3em;}
    .main_page .promo .title {font-size: 1em;}
    .main_page .promo .description {font-size: 1em; font-weight: 600;}

    /*MAIN EQ*/
    .main_page .equipment {padding-top: 4em; padding-bottom: 4em; }
    .main_page .equipment .photo_wrapper {display: none;}

    .main_page .equipment .equipment_wrapper {padding: 0;}
    .main_page .equipment .equipment_wrapper .bg_wrapper {padding: 0;}
    .main_page .equipment .title {font-size: 1.5em; line-height: 1.5em; font-weight: 600;}
    .main_page .equipment .description {font-size: 1em}

    /*MAIN DOCUMENTS*/
    .main_page .documents {padding-top: 4em; padding-bottom: 4em; }
    .main_page .documents .title {font-size: 1.5em; line-height: 1.5em; font-weight: 600;}
    .main_page .documents .description {font-size: 1em;}

    .main_page .documents .documents_list {margin-top: 4em;}

    /*MAIN REVIEWS*/
    .main_page .reviews {padding-top: 4em; padding-bottom: 0; }
    .main_page .reviews .main_title {font-size: 2em;}

    /*MAIN MAP*/
    .main_page .map {display:none;}

    /*CTA BLOCK*/
    footer .cta_block .wrapper {padding-top: 4em; padding-bottom: 4em; }
    footer .cta_block .title {font-size: 2em;}
    footer .cta_block .input_row {margin: 1em 0;}

    footer .cta_block form .ok_txt {right: 0; font-size: 1.5em;}

    /*FOOTER*/
    footer .footer {padding-top: 4em; padding-bottom: 4em; text-align: center; }
    footer .footer .caption {width: 100%; font-size: .9em;}
    footer .footer ul.menu {margin: 2em 0;}

    footer .contacts {text-align: center; margin-top: 2em;}

    footer .copyright {text-align: center;}
    footer .copyright ul.menu {margin: 2em 0; text-align: center;}
    footer .copyright ul.menu li {display: block; margin: 1em 0;}

    footer .copyright a.primosoft {text-align: center;}
    footer .copyright a.primosoft span {display: none;}
    footer .copyright a.primosoft img {float: none}

    /*CONTENT*/
    main.main .main_title_wrapper {padding-top: 4em; padding-bottom: 4em; }
    main.main h1.main_title {font-size: 1.8em;}

    main.main .content h2 {font-size: 1.5em;}

    /*SERVICES*/
    .services_list .element .title strong {font-size: 1.2em;}
    .element_detail .documents {padding: 1em;}

    /*REVIEWS*/
    .element_detail .review_icon {font-size: 2em;}
    .element_detail .description {font-size: 1.2em;}
    .element_detail .review {width: 100%;}
    .element_detail .partner {padding: 4em 1em 1em; font-size: .9em;}

    /*CONTACT PAGE*/
    .page_contact .element .value.email {font-size: 1em;}
    .page_contact .map_wrapper {margin: 0 -2em;}
    .page_contact .map {height: 20em}

    /*MODAL*/
    .modal {width: 100%;}
    .modal.document_modal {width: 100%;}
    .modal.document_modal .document img {width: 100%; float: none;}
    .modal.document_modal .description_wrapper {padding: 2em 1em;}
    .modal.document_modal .description_wrapper h2 {font-size: 1.5em;}

    .totop {display: none;}
}


/*IPAD LANDSCAPE*/
@media (min-width:992px) and (max-width:1199px)
{
    .padding {padding-left:1em; padding-right: 1em}

    /*CTA*/
    .cta {padding: 1em; width: 100%;}
    .cta em {display: none;}
    .cta span {font-size: .75em;}
    .cta i.arrow {margin-left: 2em; font-size: 1.5em;}
    .cta i.arrow:after {left: -1em;}

    .cta.noarrow .arrow {display: none;}

    /*HEADER*/
    header.header a.logo strong {font-size: 1em; line-height: 3em;}

    header.header .contacts li {margin: 1em 0 0; display: block;}
    header.header .contacts li.phone {display: none;}
    header.header .contacts li .cta {display: block; text-align: center;}

    header.header nav .menu_icon {display: block}

    header.header nav ul.main_menu {transform: translateY(-100%); opacity: 0; display: block;}

    header.header nav ul.main_menu.active {transform: translateY(0); opacity: 1;}
    header.header nav ul.main_menu {position: fixed; margin:0; padding-top: 8em; padding-left: 2em; padding-right:2em; top:0; bottom:0; right:0; left:0; background-image: linear-gradient(90deg,#30933C, #C1BC19); color:#FFF; text-align: left;  z-index: 100;}
    header.header nav ul.main_menu li {display: block; margin: 1.5em 0; font-size: 1.5em;}
    header.header nav ul.main_menu li.phone {display: block;}
    header.header nav ul.main_menu li a {color:#FFF; text-shadow: none;}

    /*MAIN SLIDER*/
    .main_page .slider .overlay {height: 40em;}

    .main_page .slider .caption_wrapper .caption .subtitle {font-size: 1em;}
    .main_page .slider .caption_wrapper .caption .title {font-size: 1.8em;}
    .main_page .slider .caption_wrapper .caption .description {font-size: 1.3em;}
    .main_page .slider .caption_wrapper .caption .description span {}

    /*MAIN ABOUT*/
    .main_page .about {padding-top: 4em; padding-bottom: 4em;}


    .main_page .about .title {font-size: 2em;}

    .main_page .about .quote .description {font-size: 1.1em;}
    .main_page .about .quote .description i {position: relative; font-size: 2em; line-height: 1.8em; background: none; border:none; color:#777; width:
            1em; display: inline-block}
    .main_page .about .quote .description i.open {left: 0; top:0;  margin-right: .5em; float:left; }
    .main_page .about .quote .description i.close {display: none;}

    .main_page .about .quote .sign strong {font-size: 1.2em;}

    .main_page .about .photo_wrapper .photo {width: 300%; margin-left: -150%;}


    /*MAIN PROMO*/
    .main_page .promo {padding-top: 6em; padding-bottom: 6em;}
    .main_page .promo .title {font-size: 1.2em;}
    .main_page .promo .description {font-size: 1.5em; }

    /*MAIN EQ*/
    .main_page .equipment {padding-top: 4em; padding-bottom: 4em; }

    .main_page .equipment .title {font-size: 1.5em; line-height: 1.5em; font-weight: 600;}
    .main_page .equipment .description {font-size: 1em}

    .main_page .equipment .photo_wrapper .photo {width: 200%; margin-right: -100%;}

    /*MAIN DOCUMENTS*/
    .main_page .documents {padding-top: 4em; padding-bottom: 4em; }
    .main_page .documents .title {font-size: 1.5em; line-height: 1.5em; font-weight: 600;}
    .main_page .documents .description {font-size: 1em;}

    .main_page .documents .documents_list {margin-top: 4em;}

    /*MAIN REVIEWS*/
    .main_page .reviews {padding-top: 4em; padding-bottom: 0; }
    .main_page .reviews .main_title {font-size: 2em;}

    /*MAIN MAP*/
    .main_page .map {display:none;}

    /*CTA BLOCK*/
    footer .cta_block .wrapper {padding-top: 4em; padding-bottom: 4em; }
    footer .cta_block .title {font-size: 2em;}
    footer .cta_block .input_row {margin: 1em 0;}

    footer .cta_block form .ok_txt {right: 0; font-size: 1.5em;}

    /*FOOTER*/
    footer .footer {padding-top: 4em; padding-bottom: 4em; }
    footer .footer .caption {width: 100%; font-size: .9em;}
    footer .footer ul.menu {margin: 2em 0;}

    footer .contacts {text-align: center; margin-top: 2em;}

    footer .copyright {text-align: center;}
    footer .copyright ul.menu {margin: 2em 0; }
    footer .copyright ul.menu li {display: block; margin: 1em 0;}

    footer .copyright a.primosoft {text-align: center;}
    footer .copyright a.primosoft span {display: none;}
    footer .copyright a.primosoft img {float: none}

    /*CONTENT*/
    main.main .main_title_wrapper {padding-top: 4em; padding-bottom: 4em; }
    main.main h1.main_title {font-size: 1.8em;}

    main.main .content h2 {font-size: 1.5em;}

    /*SERVICES*/
    .services_list .element .title strong {font-size: 1.2em;}
    .element_detail .documents {padding: 1em;}

    /*REVIEWS*/
    .element_detail .review_icon {font-size: 2em;}
    .element_detail .description {font-size: 1.2em;}
    .element_detail .review {width: 100%;}
    .element_detail .partner {padding: 4em 1em 1em; font-size: .9em;}

    /*CONTACT PAGE*/
    .page_contact .element .value.email {font-size: 1em;}
    .page_contact .map_wrapper {margin: 0 -2em;}
    .page_contact .map {height: 20em}

    /*MODAL*/
    .modal {width: 100%;}
    .modal.document_modal {width: 100%;}
    .modal.document_modal .document img {width: 100%; float: none;}
    .modal.document_modal .description_wrapper {padding: 2em 1em;}
    .modal.document_modal .description_wrapper h2 {font-size: 1.5em;}

    .totop {display: none;}
}