/* tablet */



@media (min-width: 1021px) and (max-width: 1024px) {



}



@media (min-width: 767px) and (max-width: 768px) { 


#menu .nav > li > a { 

  padding: 10px ;
font-size: .6em;
}
}


@media (min-width: 769px) and (max-width: 1024px) {


#tele-top a {
    margin-left: 30px;
   
}




#menu .nav > li > a {
    font-size: 14px;
 
    padding: 10px;
 
}


.zagolovok-3 h3 {
 
    font-size: 1.1em;
 
}


#about-company div p {
 
    height: 300px;
 
}

#prog-zaem > div.row > div > h2

{
    font-size: 20px!important;
}


div.row.abot-four div {
    height: auto;
    
}


}



/* end tablet */




/* notebooks */

@media (min-width: 1025px) and (max-width: 1400px) {




	body {
	
	font-size: 14px;
	
    }


h1 {
    font-size: 26px;
}

h2 {
    font-size: 22px;
}

.zagolovok-3 h3 {
 
    font-size: 1.2em;
    
}


#menu .nav > li > a {
 
    padding: 10px 24px;
 
}

div.yandex-map #ymaps1630744301131583074 {

	width: 100%!important;
}


#two-block .zaglovok2 p {

    font-size: 1.5em;
    line-height: 110%;  
}



}


/*  end notebooks */


/* ALL MOBILE */


@media (min-width: 108px) and (max-width: 767px) {


 .main-desctop {

    display: none;
 }


.main-mobile {

    display: block
}



.yandex-map {
    width: 350px;
    margin: 0 auto;
    overflow: hidden;
    height: 500px;
}


	body > footer > div > div > div {
		margin-bottom: 30px;
	}

	#tele-top a {
    margin-left: 40px;
    margin-top: 0px;
    
}


#adress-top {
    margin-top: 10px;
    padding-left: 55px;
}



.zaglovok-1 {

	
	margin: 0 0 10px 0;
	padding: 0;

}


.zaglovok-1 h1 {

	font-size: 1.5em;
	margin: 0;
	padding: 10px;

}


.zaglovok2 h2 {
font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 10px;

}



.zagolovok-3 div {

	padding: 0!important;
}



.zagolovok-3 h3 {
    
    
    font-size: 1.2em;
    
    border-radius: 12px;
    padding: 10px 0;
    margin: 15px 0;
}


h1 {

	font-size: 28px;
}


button#button-upload {
 
    margin: 0px auto;
    width: 80%;
 
    border-radius: 40px;
    padding: 6px;
    font-size: .8em;
}


#content > h1 {
    text-align: center;
}


#content > div > h1 {

    text-align: center;
}



.buttons input {
    
    margin: 20px auto;
    width: 80%;
    
    border-radius: 20px;
    padding: 6px;
    font-size: 1em;
}


div.row.abot-four div {
    height: auto;
 
}

h2 {

	font-size: 22px;
}

ul.breadcrumb {

	display: none;
}

#about-company div p {
   
    height: 160px;
    padding: 10px 20px;
  
}


button.btn.btn-default {
 
    margin: 10px auto;
    width: 90%;
    
    border-radius: 30px;
    padding: 10px 6px;
    font-size: .8em;
}


.hok-ban-h4 a {
    font-size: 1.2em;
    display: block;
    height: 130px;

}


#preimushestva {
    width: 90%;
    
}
.arr-d {

	display: none;
}
#content {

	padding: 0!important;
}

}



/* end ALL MOBILE */