/*@media screen and (min-width: 250px) and (max-width: 768px)*/
@media only screen and (max-device-width: 720px)
{
    body
    {
        /*font-size: 14pt;*/
        font-size: 11px !important;;
        line-height: 1 !important;;
    }
    
    
    input[type="image"] 
    {
        width: 100%;
    }
    
    
    .inner-block img
    {
        width: 100% !important;
        display: block;
    }
    
    .wrap
    {
        overflow: hidden;
    }
    
    .up-header, .wrap-inner
    {
        display: none !important;
    }
    
    .header-menu
    {
        height: 50px;
    }
    .upper
    {
        height: 50px;
    }
    
    
    /*font-size*/
    .bread-crmps, .service-main-one, .bread-crmps a
    {
        font-size: 14px;
    }
    
    .bread-crmps
    {
        margin-top: 0px;
    }
    
    
    h1
    {
        font-size: 24px;
        padding: 20px 0;
    }
    
    h2
    {
        font-size: 20px;
    }
    
    
    .mobile-header
    {
        display: block;
    }
    
    .header-call
    {
        top: 6px;
		left: 6px;
		background: url(/img/call.png) no-repeat;
		width: 39px;
		height: 39px;
		background-size: cover;
        
    }
    
    .ru, .ua
    {
        font-size: 14px;
        right: 45px;
        color: #fff;
        line-height: 50px;
    }
    .ua
    {
        right: 80px;
    }
    
    .menu-but
    {
        background: url(/img/menu-but.png) no-repeat;
        position: absolute;
        top: 0px;
        right: 0px;
        height: 50px;
        width: 50px;
        background-size: cover;
    }
    
    .popup
    {
      /*  width: 310px;*/
		width: 100%;
		padding: 0;
    }
    
    .popup h1
    {
        font-size: 22px;
        line-height: 32px;
        padding-bottom: 0px;
    }
    
    .popup h2
    {
        font-size: 18px;
    }
    
    .popup-but
    {
        font-size: 18px !important;
    }
    
    .popup input, .popup select
    {
        width: 90%;
        font-size: 18px;
    }
    
    .popup select
    {
        width: 100%;
    }
    
	
	#callback, #callback_done, #feedback, #feedback_done 
	{
		background-color: #fff;
		position: fixed;
		left: 0;
		top: 120px;
		margin: 0 !important;
		z-index: 310;
                width: 92%;
                padding: 4%
	}
	
    #feedback
    {
        top: 40px;
    }
	
    .close-ico
    {
        width: 25px;
    height: 25px;
    background-size: cover;
    right: -12px;
    top: -45px;
    }
    
    .service-main-one .text h2
    {
        line-height: 28px;
    }
    
    .service-main-one .text h2 a
    {
        font-size: 24px;
    }
    
    .inner-block
    {
        width: 90%;
        padding: 5% 0;
        /*overflow: hidden;*/
    }
    
    .header-menu .inner-block
    {
        padding: 0;
        width: 100%;
    }
    
    .service-main-one .img, .service-main-one .text
    {
        float: none;
        width: 100%;
        padding: 0%;
    }
    
    .m-main-tit
    {
        display: none;
    }
    
    .intro
    {
        text-align: center;
        padding: 0;
    }
    
    .intro span
    {
        display: none;
    }
    
    .intro a
    {
        position: static;
        line-height: 55px;
        padding: 10px 20px;
        font-size: 22px;
    }
    
    .service-main-one
    {
        border-bottom: 1px solid #75757c;
        padding-bottom: 4%;
    }
    
    .prod-main
    {
        margin: 0;
    }
    .prod-main-one
    {
        float: none;
        margin: 0;
        width: 100%;
        margin-bottom: 5%;
    }
    
    .wrap-txt
    {
        height: auto;        
    }
    
    .service-main-one .main-more
    {
        display: none;
    }
    
    
    .sample-one
    {
        width: 48%;
    }
    
    
    .sample-one .sample-tit
    {
        line-height: 34px;
        font-size: 20px;
    }
    
    .sample-desc
    {
        font-size: 16px;
            height: auto;
            line-height: 22px;
    }
    
    
    .mobile-menu-items
    {
        display: block;
        background: rgba(0,0,0, 0.85);
       /* position: absolute;*/
		position: fixed;
        top:50px;
        left: 0px;
        width: 100%;
        line-height: 24pt;
        padding-left: 20px;
        padding-top: 15px;
        padding-bottom: 65px;
		overflow-y: scroll;
        /*height: 1540px;*/
		
		/*height: 100% !important;*/
    }
    
    .mobile-menu-items a
    {
        font-size: 18px !important;
        color: #fff;
    }
    
    
    .mobile-menu-subs 
    {
        width: 100%;
    }
    
    
     .mobile-menu-subs h2
     {
         padding: 0 !important;
         padding-left: 30pt !important;
         line-height: 24px !important;
         font-weight: normal !important;
     }
    
    .mobile-menu-subs h2 a
    {
        font-size: 18px !important; 
        
    }
    
    .main-menu-items
    {
        display: none;
    }
    
    .footer
    {
        display: none;
    }
    
    .footer-line
    {
        width: 100%;
        line-height: 30px;
    }
    
    
    .fix
    {
        overflow: hidden;
    }
    
    .calc-razmer
    {
        margin-top: 0px;
    }
    
    .calc-razmer input
    {
        display: block;
    }
    
    .calc-one
    {
        float: none;
        display: block;
        width: 100%;
    }
    
    .mob
    {
        overflow: hidden;
        position: relative;
        width: 100%;
        /*height: 120px;*/
        /*background: url(/img/mob.png);*/
        background-size: cover;
        display: block;
    }
    
    .mob .f1, .mob .f2, .mob .f3
    {
        position: absolute;
        right: 0px;
        top: 5px;
        width: 51%;
        height: 22px;
    }
    
    .mob .f2
    {
        top: 35px;
    }
    
    .mob .f3
    {
        top: 64px;
    }
}