/* xxl */ 
@media (min-width: 1380px) {

body {font-size: 1rem;}	
	
	
/* Оформление левой панели ******************************/


	
}



/* xl */ 
@media (min-width: 1200px) and (max-width: 1379px) {
	
body {font-size: .8rem !important;}	
/*********************************/


.introImg {height:500px; position: absolute; margin-left: -50px; top: 50px;}	
	
#menu{
	position:fixed; 
	left:25%; top: 15px;
	z-index: 9;
	padding: 0;  text-transform: uppercase; font-size: 11px;
}	

nav.fixed-top {padding-top: 10px !important; margin-top: -10px !important;}	
	

.allPriceBlock {margin-top: -20px;}	
	
	
}

/* lg */
@media (min-width: 992px) and (max-width: 1199px) {	

body {font-size: 0.7rem;}
/*********************************/
	
	
.h2 {font-size: 1.2rem}
.h3 {font-size: 1.0rem}	
.h6 {font-size: 0.8rem}		
/*********************************/	

ul.menu li a {font-size:36px;}
ul.menu li a:hover {font-size:42px;}	

.topTelBlock .kodTel {font-size: 10px !important;}
.topTelBlock .telNomer {font-size: 18px !important;}	

.introImg {height:420px; position: absolute; margin-left: -50px; top: 50px;}
	
	
/*********************************/
#sliderWork .card-work.slide {height: 420px;}
#work .col-4 {height: 200px;}
#work .col-4.right {height: 420px !important;}	
/*********************************/	

.fs-5 {font-size: .8rem !important;}	

	
#techno .col:last-child {display: none;}	

#cms .owl-item .col img {height: 26px !important; margin: 0 auto;}	
	
.team-cart {height: 160px !important;}
.team-cart:hover .info {height: 160px;}		
.team-cart:hover .info .skil {font-size: .5rem;}
	
}







/* md */
@media (min-width: 768px) and (max-width: 991px) {
	

#sevice .col-md-10 {height:15vh !important;}	
#work.bg-red-grey  {background: url(../img/bg-big.png) no-repeat 0 0 / cover, linear-gradient(to right, #FF4B52 100%,#E2EAF2 100%) !important; color: #fff;} 	
#sliderWork .card-work.slide {height: 450px;}
	
/*************************************************/
	
#price-site.bg-grey-blue, #price-seo.bg-grey-blue  {background: url(../img/bg-big.png) no-repeat 0 0 / cover, linear-gradient(to right, #E2EAF2 0%,#134A65 0%);}


}	
	
/* sm */
@media (min-width: 480px) and (max-width: 767px) {

/*********************************/


	
}

/* xs Portrait */
@media (max-width: 479px) {	

/*********************************/

body {font-size: 0.7rem;}
/*********************************/
	
ul.menu li a {font-size:16px;}
ul.menu li a:hover {font-size:16px;}	
	
/********************************/	
	

#intro h1 {text-transform: uppercase; font-size: 1.7rem !important;}
#intro h1 span:first-child {font-size: 1.1rem; color:#FFB923}
#intro h1 span:last-child {font-size: 1.2rem;}	
#intro p {font-size: .9rem}	

	#intro button {}	

/*********************************/	

	
	
	
#sevice .col-md-10 {height:15vh !important;}	
#work.bg-red-grey  {background: url(../img/bg-big.png) no-repeat 0 0 / cover, linear-gradient(to right, #FF4B52 100%,#E2EAF2 100%) !important; color: #fff;} 	
#sliderWork .card-work.slide {height: 250px;}
	
/*************************************************/
	
#price-site.bg-grey-blue, #price-seo.bg-grey-blue  {background: url(../img/bg-big.png) no-repeat 0 0 / cover, linear-gradient(to right, #E2EAF2 0%,#134A65 0%);}

.modal-body {padding: 30px !important;}	
.modal-body h5 { font-size: 1.0rem;
}

	
}

