@media (min-width: 1200px){
	h1,h2{
		font-size: 3.2rem;}
    
}

@media (max-width: 1199.98px){
    h1,h2{
		font-size: 2.4rem;}

	.row-card{
	height: 510px;}
	.card {
	  width: 315px;
	  height: 250px;}
}
@media (max-width: 991.98px){
	.row-card{
	    height: 780px;}
	.card {
	  width: 350px;
	  height: 250px;}
	.overlay h1{
		font-size: 2.4rem;
	}
    #calc .carousel-indicators {
        margin-top: 20px;
    }
}

@media (max-width: 767.98px){
    /*.container-fluid{*/
    /*    background-image: url('../img/bg2.jpg');*/
	   /* background-image: -webkit-image-set(url('..//img/webp/bg2.webp')1x);*/
        
    /*}*/
    
    #preim h2, #prosmotr h2, #raboti h2 {
        margin-bottom: 1rem;
    }
	.overlay h1{
	    margin-top: 30%;
	}
	.card {
	  width: 300px;
	  height: 250px}
	.row-card{
	height: 1550px;}
	
	#komplekt, #kachestvo, #prosmotr, #raboti, #contacts, #brand {
    	padding: 2rem 0;
    }
	#contacts i.fas{
	margin-top: 1.5rem;
	}
	#contacts i.fas:before{
		font-size: 3rem;
	}
	#contacts .info-contacts{
		font-size: 1rem;
	    margin-top: 1rem;
	    font-weight: 500; 
	}
	.hikvision,
    .hiq,
    .ltv{
    	margin-bottom: 1rem;
    }
    .base .row div:nth-child(4),
    .dop-oborudovanie .row div:nth-child(4){
        margin-left: 0;
    }
    .base .row div:nth-child(3),
    .dop-oborudovanie .row div:nth-child(3){
       margin-right: 0; 
    }
    .base .row div:nth-child(2),
    .dop-oborudovanie .row div:nth-child(2){
        margin-left: 10px;
        margin-bottom: 10px;
    }
    #calc .carousel-indicators {
        bottom: 65%;
    }
}
@media (max-width: 575.98px){
    .base .row div:nth-child(3),
    .base .row div:nth-child(4),
    .base .row div:nth-child(1),
    .dop-oborudovanie .row div:nth-child(1),
    .dop-oborudovanie .row div:nth-child(5){
       padding: 0;
    }
    .overlay h1{
	    margin-top: 45%;;
	}
    .modal-body{
        padding: 0;
    }
    .mob-price,
    .mob-result{
        padding: 0 5px;
    }
    #calc .row-order .row:nth-child(2) div:nth-child(2) {
        padding: 0;
    }
    #calc .row-order .row:nth-child(-n+3){
        font-size: 14px;
    }
    #calc .row-order .row:nth-child(3) div:nth-child(3), 
    #calc .row-order .row:nth-child(3) div:nth-child(4) {
        font-size: 19px;}
    .mob-result span{
        font-size: 26px;
    }
    .mob-discount{
       font-size: 18px; 
    }
    .mob-discount span{
        font-size: 22px;
    }

}