@media screen and (max-width:1240px) {
    .galeery-img2{
        width: 390px;
    }
    
}
@media screen and (max-width:1232px) {
  .galeery-img1 , .galeery-img3{
        width: 348px;
    }
    
}
@media screen and (max-width:1216px) {
   .galeery-img2 {
    width: 382px;
}
    
}
@media screen and (max-width:1202px) {
    
.font-style {
       margin-left: 59px;
    }

}
@media screen and (max-width:1200px) {
    
 
}
@media only screen and (max-width:1199px) {
    

    .col-top-header{
        margin-top: 10px;
    }
    ..border-bottom-header{
        width: 97%;
    }
    .col-body-slider{
      width:91.6%;
    }
    .col-img-baner{
        padding: 0px;
    }
    .font-style {
    margin-left: 110px;
}
    .img-project {
    width:296px;
}
    .col-galerry-img{
        height: 100%;
    }
    .galeery-img1, .galeery-img3 {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
}
    .galeery-img2{
            width: 100%;
    height: 400px;
    margin-bottom: 10px;
    }
    .galeery-img3{
        margin-bottom: 20px;
        margin-top: 0px !important;
    }
       .img-baner{
        width: 100%;
        height: 670px;
    }
    .col-progect{
        width:300px;
    }
    .img-slider-size{
        width: 100% !important;
        height: 500px !important;
    }
    .col-img-shardar{
        margin-top: 20px;
    }
    .img-shardar{
        height: 500px;
    }
    .col-style-bk-text{
        height: 100px;
    }
    .col-top-header{
        padding: 0px;
    }
    .col-projeck-one{
        padding: 0px;
    }
  
    .col-img-project{
        width: 113px;
    }
    .baner-etla-resani{
        width: 242px;
    }
    .margin-top-news{
        padding: 0px;
    }
    
}

@media screen and (max-width:1126px) {
    .font-style {
    margin-left: 18px;
}
    .font-style {
        width: 100%;
    }

}
@media screen and (max-width:1155px) {
    

}
@media only screen and (max-width:1126px) {
  .font-style li a {
        width: 173px;
    }
    
    
}
@media only screen and (max-width:1114px) {
  .font-style li a {
        /*width: 169px;*/
    }
    
    
}
@media screen and (max-width:1109px) {
 
     .font-style li a {
       /* width: 165px;*/
    }
}
@media screen and (max-width:1109px) {

}
@media screen and (max-width:1096px) {
 
}
@media screen and (max-width:1089px) {

    
}
@media screen and (max-width:1066px) {
 
      .font-style li a {
       /* width: 160px;*/
    }
}

@media screen and (max-width:1051px) {

       .font-style li a {
      /*  width: 155px;*/
    }   
}
@media screen and (max-width:1049px) {

}
@media screen and (max-width:1026px) {

}
@media screen and (max-width:1006px) {
     .font-style li a {
       /* width: 150px;*/
    } 

}
@media screen and (max-width:1000px) {

}

@media screen and (max-width:991px) {

    .col-body-slider{
        width: 100%;
        height: 55px;
    }
    .style-carousel-ctrl {
        visibility: hidden;
    }
   
    img-border-bottom-header{
        display: none;
    }
    .img-project{
        width: 373px;
    height: 263px;
    }
    .col-link-project{
        text-align: center;
    }
    .baner-etla-resani{
        width: 100%;
         height: 455px;
    }
    .col-col-img-project{
        padding: 0px;
    }
    .col-img-project{
        width: 100%;
        height: 400px;
        border-radius: 5px 5px 0px 0px;
    }
    .col-link-projects{
        height: 60px;
        text-align: center;
        border-radius: 0px 0px 5px 5px;
    }
    .a-link-projects{
            top: -6px;
    text-align: center;
    }
    .col-fast-dastresi{
        margin-top: 10px;
    }
    .col-img-logo{
        visibility: hidden;
    }
    .col-img-logo-text{
        display: inline;
    }
}
@media screen and (max-width:989px) {
    .col-date{
        position: relative;
        bottom: 29px;
        z-index: 1;
    }
    .col-progect {
    width: 368px;
}
    .img-project {
    width: 366px;
    height: 263px;
}
    
}
@media screen and (max-width:976px) {
       .font-style li a {
       /* width: 140px;*/
    } 
    .item{
        
        width: 100%;
    }
    .img-project {
    width: 365px;
    }
    .col-progect{
        margin-left: 7px !important;
    }
}
@media screen and (max-width:956px) {
  

}
@media screen and (max-width:916px) {
     .font-style li a {
        /*width: 130px;*/
    } 
}
@media screen and (max-width:888px) {
  

}
@media screen and (max-width:856px) {
  
   .font-style li a {
        /*width: 125px;*/
    } 
}
@media screen and (max-width:850px) {
  .col-date {
    position: relative;
    bottom: 34px;
    z-index: 1;
    right: 109px;
      float: right;
}

}
@media screen and (max-width:826px) {
  
 .font-style li a {
       /* width: 124px;*/
    } 
}
@media screen and (max-width:820px) {
  
 .font-style li a {
        /*width: 123px;*/
    } 
}

@media screen and (max-width:819px) {
  

}
@media screen and (max-width:813px) {
    
    
}
@media screen and (max-width:801px) {
    
    .font-style li a {
        width: 0px;
        display: inline;
        margin-top: 10px;
    } 
    .font-style{
        margin-top: 15px;
    }
}
@media screen and (max-width:766px) {
    .hide-form{
        display: none !important;
    }   
    .col-form-show{
        display: inline !important;
    }
    
}
@media screen and (max-width:767px) {
	.top-header {
		height: auto;
	}

	.col-img-logo-text {
		text-align: center;
		font-size: 40px;
		padding: 10px;
	}

	.col-date {
		text-align: center;
		padding: 10px;
		position: none;
		right: 0px;
		bottom: 0px;
	}

	.col-icons-top-header {
		text-align: center;
		margin: 0px !important;
	}

	.hide-form {
		display: block;
		position: absolute;
		top: 0px;
		left: 408px;
	}

	.input-form-style {
		padding: 7px;
	}

	.col-img-moje {
		display: none;
	}

	.hide-form {
		left: 424px;
	}

	.font-style {
		margin-top: 20px;
	}

		.font-style li a {
			display: inline-block;
			width: 100%;
			padding: 10px;
		}

	.img-project {
		width: 100%;
		height: 320px;
	}

	.search-input {
		padding: 7px;
	}

	.font-style {
		margin: 0px !important;
	}
}
@media screen and (max-width:766px) {
    .hide-form1{
        display: inline;
        margin-top: 10px;
    }
    
}
@media screen and (max-width:766px) {
    
 .col-progect {
    width: 98%;
    }
}
@media screen and (max-width:752px) {
   .col-style-bk-text{
        
        height: 125px;
    }
}
@media screen and (max-width:762px) {
    .text-about{
        top:200px;
    }
}
@media screen and (max-width:747px) {
   .col-progect {
    width: 98%;
    }
  
}
@media screen and (max-width:735px) {
    .parent {
    width: 100%;
}
      .text-about{
        top:190px;
    }
    .img-size-molty-slider{
        width: 180px;
    }
}
@media screen and (max-width:620px) {
    
     .img-size-molty-slider{
        width: 150px;
    }
       .text-about{
        top:150px;
    }
.hide-form {
    display: block;
    position: absolute;
    top: 0px;
    left: 334px;
}
}
@media screen and (max-width:553px) {
    .text-about{
            width: 300px;
    height: 250px;
}
    }
}
@media screen and (max-width:573px) {
.col-style-bk-text {
    height: 130px;
}
}
@media screen and (max-width:538px) {
.hide-form {
    display: block;
    position: absolute;
    top: 0px;
    left: 294px;
}
}
@media screen and (max-width:516px) {
   .col-progect {
    width: 97%;
    }
}
@media screen and (max-width:435px) {
    .carousel-caption-style{
        height: 70px;
        bottom: 70px;
    }
    .col-style-bk-text{
        height: 153px;
    }
}
@media screen and (max-width:358px) {
    .col-body-slider{
        height: 80px;
    }
    .img-baner {
    width: 100%;
    height: 400px;
}
    .img-slider-size{
        height: 300px !important;
    }
    .img-shardar {
    height: 350px;
}
    .col-style-bk-text {
    height: 180px;
}
    .img-project {
    width: 100%;
    height: 250px;
}
    .baner-etla-resani {
    width: 100%;
    height: 300px;
}
    
  .col-img-project {
    width: 100%;
    height: 250px;
    border-radius: 5px 5px 0px 0px;
}  
    .img-size-molty-slider {
    width: 100px;
    height: 175px;
}
    .img-respansive-about {
    width: 100%;
    height: 73% !important;
    border-bottom-right-radius: 0em 0em;
    border-bottom-left-radius: 0em 0em;
    box-shadow: 0px 0px 0px 0px;
        height: 89% !important;
}
    .col-about {
  
    height: 500px;
}
    .text-about {
    top: 153px;
    left: 5px;
    width: 325px;
    height: 200px;
}
    .col-galerry-img {
    background-color: rgb(0, 41, 174);
    padding: 10px !important;
    border-radius: 0em 0em 0em 0em / 0em 0em 0em 0em;
    box-shadow: 0px 0px 0px 0px;
    z-index:0;
    top: 113px;
}
    .text-about{
        left: 47px;
    }
    .galeery-img1, .galeery-img3{
        height: 253px;
    }
    .galeery-img2{
        height: 263;
    }
    .galeery-img3 {
    margin-bottom: 70px !important;
    margin-top: 0px !important;
}
    .text-about {
    left: 19px;
}
    .img-header{
        height: 300px;
    }
        .box-shadow-style{
        border-bottom-right-radius: 0em 0em;
border-bottom-left-radius:0em 0em;
    }
}
@media screen and (max-width:348px) {
    .text-about {
    left: 59px;
        top: 8px;
        width: 200px;
height: 300px;
}

}
@media screen and (max-width:320px) {

    .col-img-logo-text{
        font-size: 20px;
    }
    .col-style-bk-text {
    height: 190px;
}
    .img-size-molty-slider {
    width: 75px;
    height: 175px;
}
    .text-about {
    top: 153px;
    left: 5px;
    width: 292px;
    height: 200px;
}
    .img-shardar {
    height: 300px;
}
    
}