@charset "utf-8";
:root {
    --black: #000000;
    --gray-300: #ededed;
    --gray-800: #7a7a7a;
    --red: #dc2128;
    --white: #ffffff;
}
@font-face {
    font-family: 'URW Gothic';
    src: url('../fonts/URWGothic-Demi.woff2') format('woff2'),
        url('../fonts/URWGothic-Demi.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Medium.woff2') format('woff2'),
        url('../fonts/Urbanist-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Light.woff2') format('woff2'),
        url('../fonts/Urbanist-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Bold.woff2') format('woff2'),
        url('../fonts/Urbanist-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-SemiBold.woff2') format('woff2'),
        url('../fonts/Urbanist-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Regular.woff2') format('woff2'),
        url('../fonts/Urbanist-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* font-family: 'Displace 2.0';*/
/*font-family: 'Poppins', sans-serif;*/

.fw-100{font-weight: 100}
.fw-300{font-weight: 300}
.fw-400{font-weight: 400}
.fw-500{font-weight: 500}
.fw-600{font-weight: 600}
.fw-700{font-weight: 700}
.nowrap{white-space: nowrap}
.z-index-1{z-index: 1}
.z-index-2{z-index: 2}
.z-index-3{z-index: 3}
.z-index-4{z-index: 4}
.z-index-5{z-index: 5}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
.ease, a{
	transition:all ease .4s ;
	-moz-transition:all ease .4s ;
	-webkit-transition:all ease .4s ;
	-o-transition:all ease .4ms ;
}
body{font-family: 'Urbanist';color:var(--black);font-size: 18px;background-color: #fff;	-webkit-text-size-adjust: none;}
/*header*/
header{z-index: 15;background-color: rgba(255,255,255,0.9);transition:all ease .4s ;}
header:hover{background-color: rgba(255,255,255,1);}
header .navbar .navbar-nav .nav-item .nav-link{color:var(--black);padding:11px 20px; font-weight:bold;font-size: 15px }

header .navbar .navbar-nav .nav-item .nav-link.active,
header .navbar .navbar-nav .nav-item .nav-link:hover{color:var(--gray-800);}

header .brand-logo img{max-width: 175px;}
header .navbar {position: relative;}
header .navbar .navbar-brand:focus{border: 0;box-shadow: none;outline: none;}
header .navbar .navbar-nav .nav-item{position: relative;}
header .navbar .navbar-nav .nav-item .dropdown-menu{background: transparent;padding:14px 0 0 0;border: 0;border-radius: 0 }

header .navbar .navbar-nav .nav-item .dropdown-menu li{background:#ffffff;}
header .dropdown-menu[data-bs-popper]{left: auto;right: 0;margin-top: 0}
header .navbar .navbar-nav .nav-item:hover .dropdown-menu{display: block;left: auto;right: 0}
header .navbar .navbar-nav .nav-item .dropdown-menu.show{display: none;}
header .navbar .navbar-nav .nav-item:hover .dropdown-menu.show{display: block;}


header .navbar .btn-get{font-weight: 600;font-size: 15px;border: 0;position: relative;background: var(--red);color:var(--white);text-decoration: none;padding:9px 30px}
header .navbar .btn-get i{position:absolute;right: 39px;top:9px ;transition:all ease .4s ;opacity: 0}
header .navbar .btn-get:hover {background: var(--black);color:var(--white);padding:9px 40px 9px 20px }
header .navbar .btn-get:hover i{right: 20px;opacity: 1}


header .navbar-toggler{border: 0;padding: 0;width: 40px}
header .navbar-toggler:focus{box-shadow: none;}
header .navbar-toggler .line{height: 2px;background: #ffffff}
header .navbar-toggler .line.line-2{width: 60%;margin: 11px 0}

header .navbar-toggler[aria-expanded="true"] .line.line-2{width: 0}
header .navbar-toggler[aria-expanded="true"] .line-1{transform: rotate(45deg) translate(10px, 11px)}
header .navbar-toggler[aria-expanded="true"] .line-3{transform: rotate(-45deg) translate(7px, -7px)}

.home-banner{min-height: 100vh;max-height: 100vh;margin-top: -96px;overflow: hidden;}
.home-banner .carousel,
.home-banner .carousel-inner,
.home-banner .carousel-inner .carousel-item {height: 100vh}
.home-banner .carousel-inner .carousel-item {background-repeat: no-repeat;background-position: center; background-size: cover}
.home-banner .carousel-inner .carousel-item img{object-fit: cover;transform: scale(1.5);transition:all ease 5s ;min-width: 100%;}
.home-banner .carousel-inner .carousel-item.active img{object-fit: cover;transform: scale(1);}
.home-banner .mains{object-fit: cover}
.home-banner .carousel-indicators [data-bs-target]{text-indent:0;width: 210px; height: 165px;padding:0 11px;border-top: 0;border-bottom: 0}
.home-banner .carousel-indicators img{width: 100%;object-fit: cover;width: 210px; height: 130px;}
.home-banner .carousel  .carousel-indicators {margin-left: calc((100% - 1450px) / 2);margin-right: auto;background: #ffffff;right: auto;padding: 25px;margin-bottom: 0}
.home-banner .carousel-control-prev,
.home-banner .carousel-control-next {width:65px; height: 65px;border-radius: 50px;bottom: 30px;top: auto;opacity: 1;border: 1px solid transparent;left: auto;right:40px;z-index: 80 }
.home-banner .carousel-control-prev:hover,
.home-banner .carousel-control-next:hover {border: 1px solid #ffffff }
.home-banner .carousel-control-prev{margin-right: 80px}
.home-banner .banner-title{z-index: 10;}
.home-banner .carousel-item .banner-title  .text{font-weight: bold; font-size: calc(2.2vw + 2.2vh);line-height: 1;transform: translateX(200px);transition:all ease .4s ;opacity: 0;}
.home-banner .carousel-item.active .banner-title .text{transform: translateX(0px);opacity: 1;}
.home-banner .banner-title .star{
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.page-loader {
  width: 100%;
  height: 100vh;
  position: fixed;
  background: #ffffff;
  z-index: 1000;
}
.page-loader .txt {
  color: #212121;
  text-align: center;
  top: 40%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: bold;
  line-height: 1.5;
}

.section-title{font-weight:500; font-size: calc(2.5vw + 2.5vh);line-height: 1;}

.about-home{  padding: 143px 0;background: url(../img/building.png) no-repeat right bottom;   background-size: 30%}
.about-home figure{ height: 100%;background: url(../img/flat.jpg) no-repeat right bottom;width: 460px}
.about-home article{ padding: 40px;max-width:650px; }
.about-home .ceo{ background: #dc2128;width: 235px}
.about-home .content{padding:30px;font-size: 24px; }
.about-home .content .lite{font-weight: 300 }
.about-home .content .bold{font-weight: bold }

.more{ height: 50px; width: 50px; border-radius: 50px; border: 1px solid #212121; display: inline-block;color: #212121;text-decoration: none;font-size: 22px}
.more:hover{ color: #ffffff;background: #dc2128;transform: rotate(45deg);border: 1px solid #ffffff;}

.about-home .content .more{  border: 1px solid #ffffff; color: #ffffff;}
.about-home .content .more:hover{ color: #212121;background: #ffffff; border: 1px solid #ffffff;}

.about-home .main-content .large{font-size: 20px}

.services {padding: 0 0 160px}
.services .section-title{ max-width: 70%;}
.services  .slider{margin-left: calc((100% - 1450px) / 2);font-size: 28px;font-weight: 600;}
.services  .slider .count{font-size: 72px; line-height:60px;color: var(--red); font-weight:normal;}
.services  .slider .icon{margin-bottom: 25px;height: 113px}
.services  .slider .owl-nav {padding-top: 20px}
.services  .slider .owl-nav .owl-prev,
.services  .slider .owl-nav .owl-next{opacity: .4;transition:all ease .4s ;}
.services  .slider .owl-nav .owl-prev:hover,
.services  .slider .owl-nav .owl-next:hover{opacity:1}
.services  .slider .owl-nav .owl-next{margin-left: 25px;}
.services  .slider .owl-carousel .owl-stage-outer .owl-item{line-height: 1}
/**/
.process{background: url(../img/process-bg.jpg) no-repeat center;background-size:  cover; padding: 580px 0 0;background-attachment: fixed}
.process .wraper{margin-bottom: -204px;margin-left: 23%; background: #ffffff;padding-right:calc((100% - 1450px) / 2);position: relative;z-index: 6}
.process .wraper .list{width: 40%;border-right:1px solid #dadada }
.process .wraper .list .count{width:50px;height: 50px;border-radius: 50px }
.process .wraper .list .list-group-item .text{padding-left:38px;font-size: 24px; line-height:30px;font-weight: 600 }
.process .wraper .content{padding: 70px;max-width: 550px}
.process .wraper .list .list-group-item{padding:38px 40px;position: relative;transition:all ease .4s;height: 25%; }
.process .wraper .list .list-group-item::after{position:absolute;content: "";background: #101010;z-index: 0;width: 100%;height: 100%;left: 0;top: 0;transform: scale(.8);opacity:0;transition:all ease .4s ;}
.process .wraper .list .list-group-item:hover{color: #ffffff}
.process .wraper .list .list-group-item:hover::after{opacity:1;transform: scale(1);}
.process .wraper .list .list-group-item div{position:relative;z-index: 2;opacity: 1}

/**/
.projects{background: #f5f6f7;padding: 500px 0 130px}
.projects .section-title{width: 60%}
.projects .item .view-detail{position: absolute;z-index: 3;background: #ffffff; padding: 12px;line-height: 1;color: #212121;bottom: 0;right: 0}
.projects .item:hover .view-detail{background: #dc2128;color: #ffffff;transition:all ease .3s ;}
.projects .item figure{overflow: hidden;}
.projects .item figure::after{position: absolute; left: 0; top: 0;width: 100%;height: 40%;background: rgba(0,0,0,0.5);content: "";opacity: 0;transition:all ease .3s ;}
.projects .item:hover figure::after{height: 100%;opacity: 1}
.projects .item figure .view{width: 100%;left: 0;z-index: 9;top: 55%;position: absolute;text-align: center;color: #ffffff; font-weight: 500;transition:all ease .3s ;opacity: 0;font-size:5px}
.projects .item:hover figure .view{top: 50%;transition-delay: .3s;opacity: 1;font-size: 22px}
.projects .item figure img{transition:all ease .3s ;}
.projects .item:hover figure img{transform: scale(1.2)}
.projects .item h6{font-size: 16px;color: #7b7b7b}
.projects .item h3{font-size:23px;font-weight: 600;color: #000000}
.projects .item:hover h3{color:var(--red)}
.projects  a{text-decoration: none}

footer{background: #121212;padding: 75px 0;}

footer ul.social-connet{}
footer ul.social-connet li{list-style: none;display: inline;}
footer ul.social-connet li a{text-decoration: none;text-transform: uppercase;font-size: 29px;}
footer ul.social-connet li a:hover{color: #bd2025;}

 
@-webkit-keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

@keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}









footer a{text-decoration:none;color: #ffffff}
footer  a:hover{color:var(--red)}
footer  ul.foot-nav li{padding: 0 15px}

footer  .copy-rite{font-size: 14px}
/**/

.inner-banner{background-position: center;background-repeat: no-repeat;background-size: cover;height: 340px}
.inner-banner h1{font-weight: bold; font-size: calc(3.5vw + 3.5vh); line-height: 1;white-space: nowrap;}
.inner-banner .star{-webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
margin-left: -44px
}

ul.bredcrumbs li a{text-decoration: none;color: #ffffff}
ul.bredcrumbs li{text-decoration: none;color: #ffffff;padding: 0 25px 0 0;position: relative}
ul.bredcrumbs li::after{content: "\EA6E";font-family: "remixicon";position:absolute;right: 0px;}
ul.bredcrumbs li:last-child::after{display: none}
ul.bredcrumbs li:last-child{padding: 0}

.inner-wraper{padding:90px 0 }
.inner-wraper.contatwraper{padding:90px 0 50px;background: url(../img/building.png) no-repeat right bottom}

.contact-form .form-control{border-radius: 0;border: 0;border-bottom: 1px solid #000000}
.contact-form .form-control:focus{box-shadow: none}
.contact-form .form-floating>label{color: #7a7878;font-weight: 500}
.contact-form .submit{font-size:20px }

.location-map .address-box{position: absolute;right:13px;top:-223px;background: #dc2128;color: #ffffff;padding: 80px 50px;width: 460px }
.location-map iframe{width: 100%;height:650px;display: block}

.zoomable {
  position: relative;
  overflow: hidden;
}
.zoomable__img {
  transform-origin: var(--zoom-pos-x, 0%) var(--zoom-pos-y, 0%);
  transition: transform 0.15s linear;
}
.zoomable--zoomed .zoomable__img {
  cursor: zoom-in;
  transform: scale(var(--zoom, 2));
}

.project-wraper{}
.project-wraper .article{background: #fcfcfc;color: #121212;font-size: 24px}
.project-wraper h2{font-weight: 600;padding: 0 0 15px; margin: 0;font-size: 48px}
.project-wraper h3{font-weight: 600;padding: 0 0 15px; margin: 0;font-size: 30px}
.project-wraper {font-size:24px}
.project-wraper .list-group-item{background: transparent}



#back-to-top{
  display: inline-block;
  background-color:var(--red);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#back-to-top:hover {
  cursor: pointer;
  background-color: #333;
}
#back-to-top:active {
  background-color: #555;
}
#back-to-top.show {
  opacity: 1;
  visibility: visible;
}


.services-main{}
.services-main .title{padding-bottom: 30px}
.services-main .icon{padding-bottom: 45px}
.services-main .count{font-size: 72px;line-height: 60px;color: var(--red);font-weight: normal;}
.services-main .count .h2{font-size: 28px;}
.services-main .discription{padding-bottom: 90px;    line-height: 33px;}


.table-common{}
.table-common table{}

.news-item {position:relative;transition:all ease .1s ;top: 0;}
.news-item .thumbnail{background-size: cover;background-repeat: no-repeat;background-position: center;min-width:200px ;height: 200px;}
.news-item  .news-title{  text-overflow: ellipsis;  overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-item  .discription{  text-overflow: ellipsis;  overflow: hidden;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-item:hover{box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;top: -5px;}

.news-detail h1{font-size:30px;}
.news-detail .list-items{min-width: 400px;}
.news-detail .news-image{background-size: cover;background-repeat: no-repeat;background-position: center;height: 400px;}

.news-item2 {position:relative;transition:all ease .1s ;top: 0;}
.news-item2 .small{font-size: 13px;}
.news-item2 .thumbnail{background-size: cover;background-repeat: no-repeat;background-position: center;min-width:100px ;height: 60px;}
.news-item2 .news-title{text-overflow: ellipsis;  overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media screen and (min-width: 1400px){
    .container{max-width:1310px }
}
@media screen and (min-width: 1600px) {
    .container {
        max-width: 1450px;
    }
}
@media screen and (max-width:1599px){
    .home-banner .carousel .carousel-indicators,
    .services .slider{margin-left: calc((100% - 1310px) / 2);}
    .home-banner .carousel-indicators img{width: 187px;height: 97px}
    .home-banner .carousel-indicators [data-bs-target]{width: 190px;height: 127px}
    .home-banner .carousel-indicators{padding: 15px;}
    .about-home{padding: 87px 0;}
    .services .slider .icon{height: 80px}
    .services .slider .icon img{max-height: 100%}
    .services{padding: 0 0 86px;}
    .process{padding: 339px 0 0;}
    .projects{padding: 372px 0 56px;}
    
}
@media screen and (max-width:1399px){
    .home-banner .carousel .carousel-indicators,
    .services .slider{margin-left: calc((100% - 1140px) / 2);}
    .about-home figure{width: 404px;}
    .services .slider{font-size: 21px;}
    .services .slider .count{font-size: 50px;line-height: 45px}
    
}

@media screen and (max-width:1199px){ 
   .home-banner .carousel .carousel-indicators,
    .services .slider{margin-left: calc((100% - 960px) / 2);}
    .home-banner .carousel .carousel-indicators{padding:7px 20px 15px}
    .home-banner .carousel-indicators img{width: 100%;height: auto}
    .home-banner .carousel-indicators [data-bs-target]{width: 140px;height: auto}
    header .navbar .navbar-nav .nav-item .nav-link{padding: 11px 14px;}
    .about-home article{padding: 0}
    .process{padding: 210px 0 0;}
    .process .wraper .list .list-group-item .text{padding-left: 20px;font-size: 20px;line-height: 25px;}
    .process .wraper .list .list-group-item{padding: 34px 29px;}
    .projects .item h3{font-size: 19px;}
    footer .info{padding: 75px 50px 75px 50px;}
    footer .second-row{padding: 40px 50px}
    .location-map .address-box{padding: 40px;}
    .project-wraper h2{font-size: 33px;}
    .project-wraper .article{font-size: 16px;}
    .project-wraper h3{font-size: 23px;}
    .services-main .icon img{max-width: 100px}
    .services-main .count{font-size: 50px;line-height: 45px;}
    .news-item .thumbnail{min-width:100px ;height: 100px;}
}
@media screen and (max-width:991px){
    
    header .navbar-toggler{}
    header .navbar-toggler .line{background: #212121}
    header .navbar-collapse{position: absolute;top: 73px;background: rgba(255,255,255,0.8);right: 0;left: 0}
    .navbar-collapse .navbar-nav{--bs-scroll-height:100vh!important;}
    header .navbar .btn-get{display: block;text-align: center}
    header .navbar .navbar-nav .nav-item:hover .dropdown-menu{display: none}
    header .navbar .navbar-nav .nav-item .dropdown-menu.show{display: block}
    .home-banner .carousel .carousel-indicators,
    .services .slider{margin-left: calc((100% - 720px) / 2);}
    .process {padding: 30px}
    .process .wraper{margin: 0 25px;}
    .process .wraper .list .list-group-item{padding: 17px 18px;}
    .process .wraper .list .count{width: 33px; height: 33px}
    .process .wraper .list .list-group-item .text{font-size: 16px;line-height: 17px;}
    .process .wraper .content{padding: 27px;max-width: 100%;}
    .section-title{padding-bottom: 15px}
    .projects{padding: 30px;}
    footer .info{display: none}
    body{font-size: 15px;}
    .location-map .address-box{position: static;margin: 0 0 40px;width: 100%}
    .services-main .title{padding-bottom: 11px;}
    .services-main .discription{line-height: 26px;}
    .services-main .discription{padding-bottom: 22px;margin-bottom: 22px;border-bottom:1px dashed #c1c1c1}
    .home-banner{min-height: 500px;max-height: 500px;}
    .home-banner .carousel,
    .home-banner .carousel-inner,
    .home-banner .carousel-inner .carousel-item {height: 500px}
    .home-banner .carousel-inner .carousel-item img.star{width: 25px;height: 25px;}
    .home-banner .carousel-inner .carousel-item img{height: 500px;}
    header .navbar .navbar-brand img{max-height: 60px;}
}
@media screen and (max-width:767px){ 
   .home-banner .carousel .carousel-indicators,
    .services .slider .icon{height: 41px;}
    .services .slider .count{font-size: 33px;line-height: 33px;}
    .services .slider{font-size: 15px}
    .more{width: 39px;height: 39px}
    .services .slider .owl-nav .owl-prev img, 
    .services .slider .owl-nav .owl-next img{max-width: 25px}
    .services{padding: 0 0 15px;}
    .projects{padding: 0}
    .home-banner .carousel-control-prev{margin-right: 45px;}
    .home-banner .carousel-control-prev, .home-banner .carousel-control-next{right: 20px;}
    .home-banner .carousel-inner .carousel-item img.star{width: 25px;height: 25px;}
    .home-banner .carousel-inner .carousel-item img{height: 300px;}
    .home-banner .carousel .carousel-indicators, .services .slider .icon{display: none}
    .home-banner .carousel-control-prev, .home-banner .carousel-control-next{width: 35px; height: 35px;border: 1px solid #ffffff;}
    .home-banner .carousel-control-next{margin-left: 51px;}
    .home-banner .carousel-control-prev, 
    .home-banner .carousel-control-next{bottom: 20px;top: auto}
    .home-banner{height: 75vh}
    .about-home{padding: 30px 0;}
    .about-home .main-content .large{font-size: 16px;}
    .process .wraper{margin: 0}
    .about-home .ceo{width: 100%}
    .services .slider{margin: 0 20px}
     .process .wraper .list{width: 100%;border-right: 0;border-bottom:  1px solid #dadada}
    .inner-banner{height: 239px;}
    .inner-wraper.contatwraper{padding:33px 0 50px;}
    .location-map iframe{height: 253px;}
    .inner-banner .star{margin-left: 0}
    .inner-wraper{padding: 40px 0}
    .inner-wraper.contatwraper{background: #ffffff}
    .project-wraper h2{font-size: 21px;}
    .project-wraper{font-size: 16px;}
    .project-wraper .article{font-size: 13px;}
    .project-wraper .list-group-item{padding: 8px 0}
    .location-map iframe{height: 415px;}
    .services-main .icon img{max-width: 52px;}
    .services-main .icon{padding-bottom: 12px;}
    footer{padding: 40px 0;}
    footer ul.social-connet li a{font-size: 19px;}
    .home-banner{min-height: 300px;max-height: 300px;}
    .home-banner .carousel,
    .home-banner .carousel-inner,
    .home-banner .carousel-inner .carousel-item {height: 300px}
}
@media screen and (max-width:575px){  
   
    .projects{padding-top: 20px}
    footer .copy-rite{font-size: 12px}
    
}
@media screen and (max-width:480px){
   
}