
@media (max-width: 1480px) {
	.container,.room_text{
		width: 1200px;
		
	}
	.Apartment_block{
		height: 550px;
	}
	.Apartment_block img{
		width: 200px;
		margin-left: 200px;
	}
	.image {
		width: 650px;
		margin-top: 100px;
		margin-left: 30px;
	}
	.left-side-top{
		left: -20px;
	}
	.contacts-text{
		height: 35px;
	}
	.image_buttons{
		margin-left: 11%;
	}
	.submit{
		margin-top:10px;
	}
	.Apartment_block_info_2{
		height: 30px;
	}
	.Apartment_block_info_2_left,.Apartment_block_info_2_right{
		margin-top: -62px;
		font-size: 22px;
	}
	
.left-side{
	 min-width: 40%;
}
	.calculator_ul{
		position: absolute;
		margin-top: -20px;
	}
	.pir_ul{
		margin-top: 50px;
	}
	.cal_mon{
		height: 60px;
	}
	.left_info,.right_info{
	margin-top: 1px;
	}
	.pr_S{
		margin-top: 0px !important;
		height: 80px;
	}
	.pr_S_firs{
		margin-top: 40px;
	}
	
	.fa-times-circle{
		right: 3px;
		top: 5px;
	}
	.bank_button{
    width: 25px;
    height: 25px;
    margin-left: 175px;
    margin-top:2px;
}
.fa-arrow-right{
	font-size: 14px;
   
}
._3d_2d{
	right: 40%;
	top: 6%;
}
}

@media (max-width: 1250px) {
		.container,.room_text{
		max-width: 1100px;
	}
	.image {
		width: 600px;
		margin-top: 100px;
		margin-left: 30px;
	}
	._3d_2d::before,._3d_2d::after {
    
    height: 150px;
	}
	._3d_2d{
	top: 8%;
    height: 70px;
    right: 37%;
	}
	    .left-side-top {
        left: 20px;
    }
    .left-side-top{
		    top: 30px;
	}
	._2d{
    top: 30px;
    right: -15px;
	}
	._3d{
        left: -15px;
	}
	._3d::before{
		    bottom: -50%;
		    height: 50px;
	}
	._3d,._2d{
   
    width: 40px;
    height: 40px;
    font-size: 21px;
	}
	.box-mid > li {
		font-size: 18px;
	}
	.box-bottom {
		font-size: 18px;
		margin-left: 0px;
	}
	.box-bottom > span {
		margin-right: 10px;
	}
	.right-side-bottom{
	 float:none;
	}
	.dgfgdfgdf{
		position: relative;
		left: 0;
	}
	.right-side-top{
		margin-left:-10px;
		
    font-size: 22px;
   
	}
}
@media (max-width: 1150px) {
		.container,.room_text {
		max-width: 1000px;
		height: 600px;
	}
	.image {
		width: 500px;
		margin-top: 100px;
		margin-left: 80px;
	}
	.slash::after {
		top: -5%; 
		height: 60px;
	}
	.box {
   
    margin: -25px auto 10px;
    width: 340px;
   
}
.room_text{
	margin: 150px auto;
}
	.right-side-top i {
		font-size: 30px;
	}
	.right-side-top {
		font-size: 20px;
		margin-left:-17px;
	}
	.box-top>ul>li {
		width: 30px;
		height: 30px;
	}
	.box-top>ul>li:first-child {
		font-size: 16px;
		line-height: 30px;
	}
	.box-top>ul>li:last-child {
		line-height: 30px;
	}
	.box-area {
		font-size: 24px;
	}
	
	.fa-calculator {
    font-size: 25px !important;
   
	}
	.box-mid > li {
		font-size: 16px;
	}
	.box-bottom {
		font-size: 17px;
		width: 280px;
	}
	.box-top>ul {
		margin-left: 100px;
	}
	
	
}

@media (max-width: 1100px) {
  	.container,.room_text {
  	max-width: 800px;
  }
      ._3d_2d {
        top: 8%;
        height: 70px;
        right: 43%;
    }
  .image {
   width: 353px;
    margin-top: 125px;
    margin-left: 35px;
  }
     
	.right-side {
		min-width: 48%;
		height: 543px;
	}
	.content {
		justify-content: space-between;
	}
	
	.go-back{
		margin-top: -8px;
	}
	#image_buttons {
   
    left: 12%;
}
.Course_booking {
    width: 365px;
	}
	    .Course_booking_button {
       left: 26%;
        margin-top: 30px;
    }
    .Course_a_Cont img {
    
    margin-left: 130px;
}
}
@media (max-width: 850px) {
  	.container,.room_text {
  	max-width: 600px;
  }
  
  .content {
  	flex-direction: column;
  }
  .image {
  	width: 94%;
    margin-left: 5%;
    margin-top: 97px;
  }
  .left-side {
  	border-right: none;
  	border-bottom: 1px solid #D0D2D1;
	padding-bottom: 135px;
	margin-bottom: 50px;
  }
  .right-side-top {
  	  left: 230px;
  }
  .slash::after {
  	right: 110px;
  }
  .slash {
  	top: 96%;
    right: 36%;
	width: 230px;
  }
._3d_2d {
    left: 0px;
    margin-top: 75%;
}
#image_buttons {
    bottom: 672px;
    left: 32%;
}
  .box-top>ul {
  	    margin-left: 140px;
  }
  	
	
	
	
	
	.sub-area {
		bottom: -25px;
	}
	.box-mid > li {
		font-size: 20px;
	}
	.box-bottom {
		font-size: 20px;
		width: 300px;
		margin-left: 18px;
	}
	.right-side-bottom {
		    margin: 15px auto;
	}
	.block-content {
		position: absolute;
	    top: 43%;
	    left: 5px;
	}
	#block {
	    width: 110px;
	    height: 65px;
		margin-top: -75px;
	}
	.Room_11 {
		width: 100px !important;
		height: 60px !important;
	}
	
	.left-side{
		height: 500px;
	}
	.container {
    height: 1240px;
	}
	.right-side::after{
		    bottom: -115px;
    left: 457px;
    display: none;
	}
	.right-side {
   
    height: 586px;
}
.left-side{
	border-bottom:none;
}
.room_text{
	margin: 50px auto;
}
._3d_2d::before,._3d_2d::after{
	display: none;
}
    ._3d_2d {
        left: 20px;
        margin-top: 68%;
    }
}
@media (max-width: 750px) {

.right-side-top{
	top: -30px;
}

  .container,.room_text {
  	max-width: 600px;
  }
 
  .right-side-top {
  	left: 190px;
  }
  .block-content {
  	top: 40%;
  }
  .slash::after {
  	right: 113px;
  }
  .slash {
  	right: 33%;
  }
  .Apartment_block{
  	width: 400px;
  }
  .fa-window-close{
  	right: 0px;
  }
  .Apartment_block_info{
  	width: 390px;
  	font-size: 20px;
  }
  .Apartment_block img {
    width: 200px;
    margin-left: 100px;
}
.left-side{
		height: 400px;
	}
	.Apartment_block_2{
  	width: 390px;
  }
  .cal_border{
  	width: 98%;
  }
  .Apartment_block_info_2_left,.Apartment_block_info_2_right{
  	font-size: 17px;
  }
  .calculator_ul{
  	margin-left: 85px;
  }
  .calculator_ul>li{
  	margin:2px;
  }
  .pir_ul>li{
  	margin:4px;
  }
  .fa-times-circle{
  	font-size: 20px;
  }
  .pir_ul {
    margin-top: 70px;
    margin-left: 40px;
}
.calculator_ul2{
  	margin-left: 85px;
  	position: relative;
  	margin-top: -10px;
  }
  .calculator_ul2>li{
  	margin:2px;
  }
  .pr_S_firs{
  	margin-top: 70px;
  }
  input[type='range']{
  	width: 330px;
  }
  .Participation{
  	margin-left: 80px;
  }
  .left_info,.right_info{
  	font-size: 16px;
  	height: 80px;
  	border-bottom:1px solid rgba(0,0,0,0.1);
  }
  .cal_border{
  	border-bottom:none
  }
  .bank_button{
   
    margin-left: 135px;
   
}
.left_info1 p,.right_info1 p{
	font-size: 14px;
}
	.box {
   
    margin: 30px auto 10px;
   
}
.Project_title {
   
    font-size: 20px;
	}
	    #baner {
        height: 290px !important;
    }
}
@media (max-width: 650px) {
  	.container,.room_text {
		max-width: 500px;
	}
	#block {
		margin-top: -115px
	}
	.slash {
		right: 30%;
	}
	.slash::after {
		right: 115px;
	}
	
	.left-side{
		height: 350px;
	}
.image {
    width: 92%;
    margin-left: 8%;
    
}
.text_Cont{
	width: 325px;
}
#image_buttons {
    bottom: 740px;
    left: 27%;
}
.fa-window-close {
    right: -5px;
}
.box-mid > li {
    font-size: 18px;
}

.right-side{
	border:none
}
.room_text{
	margin-top: -100px;
}
    .box {
       
        width: 380px;
    }
      .Course_booking_button {
       
        margin-top: 25px;
    }
}
@media (max-width: 550px) {
	
  	.container,.room_text {
		max-width: 380px;
		
	}
	.view {
		font-size: 16px;
		width: 185px;
	}
	.view img {
		width: 35px;
	}
	.sdsi {
		font-size: 20px;		
	}
	
	.block-content {
		top: 37%;
	}
	.room_text{
	margin-top: -207px;
	position: relative;
	z-index: 9999;
}
.image {
   margin-top: 107px;
}
.slash {
		right: 25%;
		width: 192px;
	}
	.slash::after {
		right: 90px;
		top: -10%;
	}
	.right-side-top {
		font-size: 18px;
		
	}
	.right-side-top i {
		font-size: 28px;
	}
	
	.box-top>ul {
		margin-left: 70px;
	}
	.box-mid > li {
		font-size: 15px;
	}
	.box-bottom > span {
		margin-right: 12px;
	}
	.box-bottom {
		font-size: 15px;
		width: 245px;
	}
	.box-bottom > span::before {
		width: 65px;
	}
	
	.fa-calculator{
		font-size: 21px !important;
		
	}
	
	.right-side-top{
		width: 300px;
		
	}
	
	.box {
    width: 110%;
	}
	.werwer{
		font-size: 15px !important;
	}
	.view_image{
	width: 300px !important;
	height: 30px  !important;
	
}
.werw{
	margin-left: -20px;
}
.left-side {
    height: 220px;
}
.container {
    overflow: hidden;
}
#image_buttons{
	top: 300px;
}
footer{
	margin-top: 50px !important;
}
.image {
    margin-top: 53px;
}
._3d_2d {
    left:320px;
    
    margin-top: -80px;
}
.go-back span{
	font-size: 35px;
}
.go-back {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-left: -120px;
	}
#image_buttons {
    bottom: 646px;
    left: 23%;
}
    ._3d, ._2d {
        width: 34px;
        height: 34px;
        font-size: 18px;
    }
    ._3d::before{
		display: none;
	}
	    ._2d {
        top: 40px;
        right:0px;
    }
    ._3d {
        left:15px;
    }
.bina{
	 left: 250px;
}
.price{
	font-size: 29px;
	margin-top: 5px;
}
    .right-side {
        margin-left: -30px;
	}
	.text_Cont_2{
		width: 200px;
	}
	  .Monthly_fee{
	  	    font-size: 16px;
	  	    text-align: left;
	  	    margin-left: 0;
	  }
	  .Monthly_fee_2{
	  	    text-align: left;
	  	    margin-left: 0;
	  	    font-size: 11px;
	  }
}
@media (max-width: 420px) {
	.container,.room_text {
		width: 360px;
		
	}
	.werw{
	margin-left: -34px;
}
.box-mid>li:nth-child(1) {
	margin-left: -34px;
}
.box-mid>li:nth-child(2) {
	margin-left: -34px;
}
	#block {
	    width: 110px;
	    height: 65px;
		margin-top: -75px;
	}
	.slash {
		right: 22%;
	}
	
	.sub-area {
    	bottom: -32px;
	}
	.box-bottom > span::before {
    	width: 50px;
    }
	.box-bottom > span {
    	margin-right: 33px;
    }
    .box-bottom > span:hover::before {
	    left: 45px;
    }
    .werw{
		font-size: 12px !important;
	}
	    ._3d_2d {
        left: 305px;
	}
}