@media (max-width: 639px)
{
    /*---------------
        Main styles
    ---------------*/
    .button-up{bottom: 15px;right: 15px;} 
    /*---------------
        Header
    ---------------*/
    #menu li a
    {
        font-size: 16px;
    }
    #menu .close{right: 21px;}
    
    header.home .header-top{height: 108px;}
    header .lang{top: 54px;}
    header.inner .lang{top: 60px;}
    header .top-links{top: 8px;}
    header.inner .top-links{top: 8px;}
    .home-top-left{max-width: 195px;}
    .home-top-left .title{font-size: 34px;line-height: 34px;}
    .home-top-left .buttons a{width: 160px;height: 55px;line-height: 55px;}
    .home-top-left .buttons a + a{width: 160px;margin-left: 0;margin-top: 10px;}
    .home-top-left .descr{font-size: 20px;line-height: 21px;}
    .home-top-right .play-title{width: 160px;top: 155px;right: 10px;font-size: 23px;line-height: 32px;}
    .home-top-right .play-btn, .home-top-right .play-btn2{width: 130px;height: 130px;top: 0;left: 94%;}
    .home-top-right .buy-block .title{width: 100%;margin: 10px 0 12px;text-align: center;}
    .home-top-right .logos a{line-height: 30px;}
    .home-top-right .logos img{width: 115px;}

    .page-top{height: auto;margin-top: -83px;padding: 24px 0;}
    .page-title h1{font-size: 24px;line-height: normal;}
    
    .search-form{top: 24px;right: 8px;}
    .search-form input[type="text"]{width: 114px;}
    
    header .menu_link{top: 0px;}
    /*---------------
        Main section
    ---------------*/
    .about-left{padding-top: 20px;}
    
    .advantages .adv-item{width: 100%;padding: 28px;border-right: none;border-bottom: 1px solid #e3e3e3;}
    .advantages .adv-item:nth-of-type(1), .advantages .adv-item:nth-of-type(2), .advantages .adv-item:nth-of-type(4){height: auto;}
    
    .home-buy .title{width: 100%;font-size: 28px;line-height: 34px;text-align: center;}
    .home-buy .buttons{width: 290px;margin: 0 auto;float: none;line-height: 95px;}
    .home-buy .buttons a{width: 150px;height: 48px;line-height: 46px;}
    .home-buy .buttons a img{width: 75%;}
    
    .home-news .road-block, .home-news .news-wrap{width: 100%;}
    .home-news .road-item{width: 100%;margin-bottom: 30px;}
    .home-news .road-pic{display: inline-block;width: 50%;vertical-align: top;}
    .home-news .road-item .name{width: 40%;height: auto;padding: 0 0 0 20px;}
    
    .home-blog{height: auto;background-repeat: repeat-y;}
    .home-blog .blog-item{display: block;width: 100%;margin: 0 auto;padding-bottom: 10px;}
    .home-blog .blog-item + .blog-item{margin-left: 0;}
    .home-blog .blog-pic{width: 100%;height: auto;}
    .home-blog .owl-carousel .owl-nav .owl-prev{left: 0;}
    .home-blog .owl-carousel .owl-nav .owl-next{right: 0;}
    
    .team-pic{width: 100%;}
    .team-right{width: 100%;margin-top: 15px;}
    
    .news-list-block{border: none;}
    .news-item{width: 100%;margin-bottom: 40px;}
    .news-detail img{width: 100%;height: auto;}
    
    .partner{width: 31%;}
    .partner .name{line-height: 16px;text-transform: lowercase;}
    
    .faq-vopros{padding: 13px 50px 12px 18px;font-size: 16px;line-height: 18px;}
    .faq-otvet{background: #3eb7c4;padding: 20px 24px 10px;}
    
    .doc-item{width: 100%;}
    
    .pres-wrap{width: 100%;height: auto;margin-bottom: 30px;}
    .pres-wrap .owl-carousel .owl-nav .owl-prev, .pres-wrap .owl-carousel .owl-nav .owl-next{display: none;}
    .pres-wrap .owl-dots{bottom: -75px;}
    .pres-wrap .owl-dots .owl-dot{margin: 0 5px;}
    .owl-dot span{width: 10px;height: 10px;}
    .pres-wrap .owl-dot:hover span, .pres-wrap .owl-dot.active span{width: 15px;height: 15px;}
    
    .roadmap{width: 295px;}
    .road-data{width: 100%;}
    .road-item{margin-bottom: 50px;}
    .road-item.odd .road-icon, .road-item.finish .road-icon{top: -36px;right: 0;background: #fff;padding: 0;}
    .road-item.even .road-icon{top: -36px !important;left: auto !important;right: 0;background: #fff;padding: 0;}
    .road-item:hover .road-icon{border: none;}
    .road-item.even .road-icon{top:-14px;left: 0;}
    .road-item .road-data .triangle{display: none !important;}
    .road-item.finish .road-icon span{width: 74px;height: 74px;line-height: 59px;}
    
    .news-page-title{line-height: normal;}

    .contact-form{width: 100%;}
    .contact-form .form-title{margin-top: 30px;}
    .form-left, .form-right{width: 100%;}
    .contact-form .line{margin-bottom: 10px;}
    
    .contacts{height: 160px;top: -160px;margin: 0 auto -160px;padding-top: 10px;}
    .contact-item{display: block;width: 100%;margin-bottom: 5px;padding-left: 30px;text-align: left;}
    .contact-item:nth-of-type(3){width: 100%;}
    .contact-item:nth-of-type(3) .data{width: 200px;padding-top: 5px;}
    .contact-item .data{line-height: 16px;}
    .contact-item .icon{width: 35px;height: 35px;position: relative;top: 4px;line-height: 30px;border-radius: 35px;}
    .contact-item .icon img{width: 50%;}
    
    .personal-page{display: block;margin: 85px 0 -34px;}
    .personal-title{margin-bottom: 32px;}
    .personal-left{display: block;width: 100%;}
    .personal-left-inner{width: 100%;padding: 22px 15px;}
    .personal-left .exit-btn{margin: 10px 0 18px;}
    .personal-right{padding: 26px 15px;}
    .personal-right .line, .personal-right .submit{width: 100%;}
    .blog-edit .form .submit_btn, .blog-post-buttons .submit_btn{width: 130px;}
    
    .blog-item-pic{width: 85%;}
    .blog-item-right, .blog-wrap.full-width .blog-item-right{width: 100%;}
    div.blog-post-field-date{margin-top: 0;}
    .blog-post-field-seo{width: 100%;}
    .feed-add-post-text{padding: 0;}
    .blog-post-field-seo .line{margin-bottom: 10px;}
    .bx-html-editor{min-width: 260px !important;}
    .bxhtmled-toolbar-cnt{height: 62px;}
    .bxhtmled-area-cnt{top: 68px !important;width: 100% !important;}
    .bxhtmled-iframe-cnt{width: 100% !important;}
    
    .special-table td{font-size: 16px;line-height: 20px;}
    
    .road-slider{width: 100%;min-height: 220px;margin-bottom: 15px;}
    .road-slider .slide{min-height: 220px;}
    .road-slider .owl-dot:hover span, .road-slider .owl-dot.active span{margin-top: 0;}
    
    .personal-right{display: block;width: 100%;}
    /*---------------
        Footer
    ---------------*/
    footer .social-block{height: 115px;}
    footer .socials {
        top: 13px;
    }
    footer .socials a{width: 40px;height: 40px;line-height: 40px;margin-bottom: 10px;}

    /*---------------
        PopUp
    ---------------*/
    .modal
    {
        padding: 30px 25px;
    }

    .modal_title
    {
        margin-bottom: 25px;
    }


    .modal .form .submit
    {
        padding-top: 15px;
    }
    #login_modal .fancybox-close-small{top: 8px;right: 8px;}
    
    .ru .home-top-left .descr{font-size: 18px;}
    .ru .home-top-right .play-title{width: 170px;right: 8px;font-size: 18px;line-height: 22px;}
    .ru .home-top-left .buttons a{height: 50px;line-height: 50px;}
    .ru .home-top-right .buy-block{height: 85px;margin-top: 274px;}
    .ru .home-top-right .buy-block .title{display: none;}
    .ru .home-top-right .buy-block .title.mobile{display: block;margin-bottom: 5px;}
    
    .ru .advantages .adv-item{min-height: auto;}
}

@media (max-width: 500px)
{
    .home-news .road-item{display: block;max-width: 300px;position: relative;margin: 0 auto 30px;}
    .home-news .road-pic{display: inline-block;width: 100%;vertical-align: top;text-align: left;}
    .home-news .road-item .name{width: 100%;height: auto;padding: 0 0 0 30px;}    
    .Subscribe-form {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
}
