*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0}
body{margin: 0; padding: 83px 0 0 0; font-family: 'Lora', serif !important; overflow-x:hidden !important;}
html, body{height: 100%;}
img{max-width: 100%; max-height: 100%;}
.cf:after,.cf:before{content:"";display:table}
.cf:after{clear:both}
.cl{clear: both;}
.paddingLR0{padding-left: 0 !important; padding-right: 0 !important;}
.posR{position: relative;}
:focus{outline: 0 !important;}

header{height: 630px;}
.home-slider{height:500px; overflow: hidden;}
.home-slider .slick-slide{margin: 0 !important;}
.home-slider .slick-slide{height: 500px;}
.home-slider .slick-slide img{width: 100%; height: 100%;}
.home-slider .slick-prev:before, .home-slider .slick-next:before{font-size: 40px !important; color: #fff !important;}
.home-slider .slick-prev{left: 17px; width: 40px; height: 40px;}
.home-slider .slick-next{right: 17px; width: 40px; height: 40px;}

nav {position: fixed; box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1); z-index: 99; transition:0.25s; top: 0; left: 0; right: 0; width: 100%; background: #fff;}
nav .logo{display: inline-block; transition:0.25s; vertical-align: middle; width: 200px; background: rgba(255,255,255,0.9); padding: 10px;}
nav .nav-right{position: absolute; top: 50%; transform: translateY(-50%); right: 25px;}
nav ul{display: inline-block; vertical-align: middle; list-style: none; margin: 0; padding: 0;}
nav ul li a{font-size: 16px; transition:0.25s; font-weight: 400; color: #000 !important; text-decoration: none !important; text-transform: uppercase;}
nav button{background: none; vertical-align: middle; border: none; width: 24px; margin-left: 30px; margin-right: 20px; position: relative;}
nav button span{width: 24px; transition:0.25s; height: 3px; display: block; background: #000;}
nav button span:nth-of-type(2){margin: 5px 0;}
.nav-right ul{margin: 0; padding: 0; list-style: none;}
.nav-right ul li{float: left; margin-right: 25px;}
.nav-right ul li:last-child{margin-right: 0;}
.nav-right ul li a{display: block; text-decoration: none; text-transform: lowercase; font-size: 16px; color: #000;}
.nav-right ul li a img{width: 21px; margin-right: 8px; vertical-align: middle;}

.tagline_contant{width: 550px; margin: -390px 70px 0 0; background: rgba(243,107,33,.50); box-shadow: 5px 0 30px rgba(0,0,0,0.0); padding: 30px; position: relative; z-index: 9; float: right;}
.tagline_contant h4{font-size: 32px; text-transform: capitalize; font-weight: 670; line-height: 50px; color: #fff; text-align: center;}

.about-bg{background: #f6f6f6; padding: 100px 0 110px 0; margin-top: -130px; font-size: 0;}
.about-bg h2{font-size: 30px; font-weight: 700; color: #000; position: relative; padding-left: 25px; margin-bottom: 50px;}
.about-bg h2:before{content: ""; background: #000; width: 6px; height: 120%; position: absolute; left: 0; top: -5px;}
.about-div{width: 667px; display: inline-block; vertical-align: middle; background: #fff; padding: 40px 40px 55px 40px; position: relative; box-shadow: 13px 0 40px rgba(0,0,0,.15);}
.about-div p{line-height: 34px; text-align: justify; font-size: 17px; color: #000; margin-bottom: 15px;}
.about-div a{font-size: 17px; color: #223a75 !important; font-weight: 700; text-decoration: none !important; position: relative;}
.about-div a:before{width: 125%; height: 2px; content: ""; background: #f36b21; position: absolute; left: 0; bottom: -10px;}
.about-home-img{border: 1px solid #dcdcdc; position: absolute; max-width: initial; max-height: initial; top: 50%; transform: translateY(-50%); right: -402px;}

.latest-project-section{padding: 85px 0 100px 0;}
.latest-project-section h2{font-size: 30px; font-weight: 700; color: #000; position: relative; padding-left: 25px; margin-bottom: 60px;}
.latest-project-section h2 font{display: block; font-size: 36px; color: #eb7617; text-transform: uppercase; margin-top: 7px;}
.latest-project-section h2:before{content: ""; background: #eb7617; width: 6px; height: 110%; position: absolute; left: 0; top: -5px;}
.latest-project-div{position: relative; margin-bottom: 220px;}
.latest-project-div .resi-commer{position: absolute; background: #fff; padding: 9px 17px; box-shadow: 0 0 5px rgba(0,0,0,0.16); font-size: 14px; font-weight: 700; color: #000; left: 10px; top: 10px;}
.latest-project-div-detail{width: 540px; height: 295px; background: #223a75; bottom: -60px; right: 3px; padding: 30px; position: absolute;}
.latest-project-div-detail h4{font-size: 24px; color: #fff; font-weight: 700; margin-bottom: 12px;}
.latest-div-location{color: #a7a7a7; font-size: 15px; font-weight: 400; display: block; margin-bottom: 12px;}
.latest-div-location img{width: 18px; vertical-align: middle;margin-right: 3px; margin-top: -3px;}
.latest-div-size{color: #fff; font-size: 20px; font-weight: 700; display: block; margin-bottom: 12px;}
.latest-div-size img{width: 24px; vertical-align: middle;margin-right: 6px; margin-top: -3px;}
.latest-project-div-detail p{font-size: 15px; text-align: justify; color: #ffffff; line-height: 24px; margin-bottom: 25px;}
.latest-viewproject{color: #fff !important; font-size: 16px; font-weight: 720; text-decoration: none !important; padding: 6px 14px 9px 14px; border:1px solid #fff; transition: 0.2s;}
.latest-viewproject:hover{background: #f26b21; border: 1px solid #f26b21;}
.latest-div-price{font-size: 23px; color: #f26b21; font-weight: 700; position: absolute; right: 30px; display: inline-block; vertical-align: middle; margin-top: -5px;}
.latest-div-price img{width: 26px; vertical-align: middle;margin-right: 3px; margin-top: -3px;}
.latest-project-btn{position: absolute; left: 0; bottom: -60px; width: 515px; border:none; background: #f36b21; height: 48px; font-size: 17px; color: #fff; font-weight: 700;}
.latest-project-div-even{margin-left: 370px;}
.latest-project-div-even .resi-commer{left: initial; right: 10px;}
.latest-project-div-even .latest-project-div-detail{right: initial; left: -367px;}
.latest-project-div-even .latest-project-btn{left: initial; right: 0;}
.view-all-prop{display: table; background: #fff; border: 1px solid #000; margin: auto; color: #000; font-size: 18px; text-decoration: none !important; font-weight: 700; padding: 16px 30px; transition: 0.25s;}
.view-all-prop:hover{background: #000; color: #fff;}

.testimonial-section{background: #f5f5f5; padding: 80px 0;}
.testimonial-section h2{font-size: 30px; font-weight: 700; color: #000; position: relative; padding-left: 25px; margin-bottom: 30px;}
.testimonial-section h2:before{content: ""; background: #000; width: 6px; height: 120%; position: absolute; left: 0; top: -5px;}
.testimonial-slider{width: 720px; margin: auto;}
.testimonial-slider-box{background: #fff; margin: 35px 20px; padding: 70px 40px 50px 40px; box-shadow: 0 0 27px rgba(0,0,0,0.13); position: relative;}
.testimonial-slider-box:before{content: ""; position: absolute; z-index: -1; top: -15px; left: -15px; width: 100%; height: 100%; background: rgba(255,158,80,0.60);}
.testimonial-slider-box p{font-size: 23px; text-align: justify; line-height: 32px; color: #353535; line-height: 36px; font-weight: 400; font-style: italic; margin-bottom: 15px;}
.testimonial-slider-box span{position: relative; font-size: 20px; font-weight: 700; color: #000; padding-left: 28px;}
.testimonial-slider-box span:before{content: ""; background: #000; position: absolute; width: 18px; height: 3px; top: 50%; transform: translateY(-50%); left: 0;}
.testimonial-slider-box img{width: 87px; box-shadow: none; position: absolute; left: 25px; top: -40px;}
.testimonial-slider-box .quote-right{bottom: -40px; top: initial; left: initial; right: 25px; transform: rotate(-180deg);}
.testimonial-slider .slick-prev:before, .testimonial-slider .slick-next:before{font-size: 42px !important;}
.testimonial-slider .slick-next{right: 0px;}
.testimonial-slider .slick-prev{left: -35px;}
.testimonial-slider .slick-dots li button:before{font-size: 18px;}

.channel-partner-section{padding: 80px 0;}
.channel-partner-section h2{font-size: 30px; font-weight: 700; color: #000; position: relative; padding-left: 25px; margin-bottom: 60px;}
.channel-partner-section h2:before{content: ""; background: #000; width: 6px; height: 120%; position: absolute; left: 0; top: -5px;}
.channel-partner-slider img{box-shadow: none;}
.channel-partner-slider .slick-prev:before, .channel-partner-slider .slick-next:before{font-size: 36px !important;}
.channel-partner-slider .slick-next{right: 20px; top: -73px; width: 36px; height: 36px;}
.channel-partner-slider .slick-prev{right: 60px; top: -73px; left: inherit; width: 36px; height: 36px;}

.footer-section{background: #111111; padding: 80px 0;}
.footer-box h5{color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 20px;}
.footer-box ul{margin: 0; padding: 0; list-style: none;}
.footer-box ul li{float: none;}
.footer-box ul li a{display: block; text-decoration: none; color: #a3a3a3; font-size: 14px; text-decoration: none; padding: 5px 0;}
.footer-box ul li a:hover{text-decoration: underline;}
.footer-box p{color: #a3a3a3; font-size: 14px; line-height: 32px;}
.copyright{background: #000; padding: 13px 0; color: #fff; font-size: 13px; text-align: center; position: relative;}
.copyright font{position: absolute; right: 10px;}
.copyright font a{color: #fff;}

.about-header{background: url(../images/about-page-bg.jpg) no-repeat center center; height: 365px; background-size: cover;}
.about-white-bg{background: #fff; box-shadow: 0px 5px 30px rgba(0,0,0,0.20); padding: 50px 50px 35px 50px; margin-top: -30px;}
.about-white-bg h2{font-size: 30px; font-weight: 700; color: #000; position: relative; padding-left: 25px; margin-bottom: 25px;}
.about-white-bg h2:before{content: ""; background: #000; width: 6px; height: 120%; position: absolute; left: 0; top: -5px;}
.about-white-bg p{font-size: 17px; text-align: justify; color: #111; line-height: 34px; margin-bottom: 20px;}
.vis-mis-section{padding: 70px 0 90px 0;}
.vision-mission-div{padding: 10px 25px 0 100px; position: relative;}
.vision-mission-div img{width: 77px; position: absolute; left: 0; top: 0;}
.vision-mission-div h5{font-size: 24px; font-weight: 700; color: #000; margin-bottom: 12px;}
.vision-mission-div p{color: #111; text-align: justify; font-size: 18px; line-height: 28px;}
.about-relation{background: #f36b21; padding: 30px 40px 30px 280px; position: relative;}
.about-relation img{position: absolute; max-width: initial; max-height: initial; left: 45px; top: -40px;}
.about-relation p{font-size: 24px; text-align: justify; font-style: italic; line-height: 42px; font-weight: 700; color: #fff;}
.about-relation-2{padding: 40px 0;}
.about-relation-2 p{font-size: 24px; text-align: justify; font-style: italic;  color: #000; font-weight: 700; text-align: center;}

.contact-header{background: #039eb3; height: 100px;}
.contact-white-bg{background: #fff; margin-bottom: 60px; position: relative; box-shadow: 0px 5px 30px rgba(0,0,0,0.20); padding: 50px 50px 35px 50px; margin-top: -30px;}
.contact-white-bg h2{font-size: 30px; font-weight: 700; color: #000; position: relative; padding-left: 25px; margin-bottom: 40px;}
.contact-white-bg h2:before{content: ""; background: #000; width: 6px; height: 120%; position: absolute; left: 0; top: -5px;}
.contact-left{margin-left: -15px;}
.contact-left h5{font-size: 21px; color: #000000; font-weight: 700; margin-bottom: 8px;}
.contact-left p{font-size: 18px; color: #111; line-height: 34px; margin-bottom: 22px;}
.contact-us-form{width: 100%; position: relative; margin-bottom: 15px;}
.contact-us-form input{width: 100%; height: 50px; font-size: 14px; border: 1px solid #dcdcdc; padding: 0 15px; color: #000;}
.contact-us-form input::placeholder{color: #111;}
.contact-us-form textarea{width: 100%; padding-right: 125px !important; height: 120px; font-size: 14px; border: 1px solid #dcdcdc; padding: 15px; color: #000;}
.contact-us-form textarea::placeholder{color: #111;}
.contact-us-form button{width: 110px; height: 40px; background: #029eb3; border: none; font-size: 21px; font-weight: 700; color: #fff; position: absolute; bottom: 6px; right: 1px;}
.contact-mail-img{width: 130px; position: absolute; top: -54px; right: 20px; opacity: 0.7;}
.contact-us-form .nice-select{border: 1px solid #dcdcdc; height: 50px; line-height: 50px; border-bottom: 1px solid #dcdcdc !important; border-right: none; margin-bottom: 0; padding: 0 15px;}
.contact-us-form .nice-select:after{width: 8px; height: 8px;}

.nav-sidebar{position: fixed; width: 275px; z-index: 999; overflow-y: auto; padding: 20px; height: 100%; top: 0; bottom: 0; left: -300px; background: #fff; box-shadow: 9px 0px 20px 0px rgba(0, 0, 0, 0.08);}
.nav-side-menu-ul{margin: 0; padding: 0 0 15px 0; list-style: none; border-bottom: 1px solid #ddd;}
.nav-side-menu-ul li{float: none;}
.nav-side-menu-ul li a{display: block; padding: 10px 0; text-decoration: none; font-size: 16px; font-weight: 700; color: #000;}
.nav-sidebar-box{border-bottom: 1px solid #ddd; padding: 25px 0;}
.nav-sidebar-box h6{font-size: 16px; font-weight: 700; color: #223a75; margin-bottom: 10px;}
.nav-sidebar-box p{font-size: 14px; color: #222; line-height: 26px;}
.nav-sidebar-box ul{margin: 15px 0 0 0; padding: 0; list-style: none;}
.nav-sidebar-box ul li{float: left;}
.nav-sidebar-box ul li a{display: block; text-decoration: none; margin-right: 10px;}
.nav-sidebar-box ul li a img{width: 32px;}
.nav-sidebar-box:last-child{border-bottom: none;}
.nav-close{position: absolute; cursor: pointer; top: 5px; right: 5px; color: #fff; background: #000; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 24px; font-weight: 700;}

.model-pop-bg{background: #fff url(../images/egprop-pop-bg.png) repeat-x bottom left;}
.popup-topimg{display: block; margin: -65px auto 20px; width: 130px;}
.modal {text-align: center; padding: 0!important;}
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}
.popup-form-body{padding: 30px;}
.popup-form-body h4{font-size: 24px; margin-bottom: 10px; font-weight: 700; color: #000; text-align: center; line-height: 36px;}
.popup-form-div{width: 100%; margin-bottom: 20px; position: relative;}
.popup-form-div input{width: 100%; border-bottom: 1px solid #bababa !important; border: none; color: #000; padding: 17px 0;}
.popup-form-div input::placeholder{color: #000;}
.popup-form-div .nice-select{height: 55px; margin-bottom: 0; line-height: 55px; border-bottom: 1px solid #bababa !important;}
.popup-form-div .nice-select:after{width: 8px; height: 8px;}
.popup-submit{width: 100%; height: 55px; margin-top: 15px; background: #f36b21; color: #fff; border: none; font-size: 21px; text-transform: uppercase; font-weight: 700;}
.popup-form-content{border-radius: 0 !important;}
.popup-close{position: fixed !important; top: 20px !important; right: 20px !important; z-index: 9 !important; width: 50px !important; height: 50px !important; background: #f36b21 !important; opacity: 1 !important; color: #fff !important; text-shadow: none !important; text-align: center !important; font-size: 26px !important;}
.modal-dialog{margin: 45px 10px;}
.nice-select.open .list{max-height: 250px; height: auto;}

.bottom-fixed-bar{background: #fff; display: none; width: 100%; padding: 10px 0; bottom: 0; left: 0; right: 0; position: fixed; z-index: 9; box-shadow: 0px -5px 8px rgba(0, 0, 0, 0.15);}
.bottom-fixed-bar ul{margin: 0; padding: 0; list-style: none;}
.bottom-fixed-bar ul li{float: left; width: 50%; border-right: 1px solid #ccc; text-align: center;}
.bottom-fixed-bar ul li:last-child{border-right: none;}
.bottom-fixed-bar ul li a{display: block; text-decoration: none !important; font-size: 17px; font-weight: 700; color: #000;}
.bottom-fixed-bar ul li a img{width: 25px; margin-right: 8px; vertical-align: middle; margin-top: -2px;}

.pos-abs{position: absolute; font-size: 11px; color: red;}

.listing-header{background: url(../images/listing-bg.jpg) no-repeat center center; height: 365px; background-size: cover;}

.latest-project-section-list{padding: 60px 0 0 0;}
.latest-project-section-list h1{font-size: 30px; font-weight: 700; color: #000; position: relative; padding-left: 25px; margin-bottom: 60px;}
.latest-project-section-list h1 font{display: block; font-size: 36px; color: #eb7617; text-transform: uppercase; margin-top: 7px;}
.latest-project-section-list h1:before{content: ""; background: #eb7617; width: 6px; height: 110%; position: absolute; left: 0; top: -5px;}
.latest-project-div-list{position: relative; margin-bottom: 100px;}
.latest-project-div-list .resi-commer{position: absolute; background: #fff; padding: 9px 17px; box-shadow: 0 0 5px rgba(0,0,0,0.16); font-size: 14px; font-weight: 700; color: #000; left: 10px; top: 10px;}
.latest-project-div-detail-list{height: 306px; background: #f5f5f5; padding: 30px;}
.latest-project-div-detail-list h4{font-size: 24px; color: #f26b21; font-weight: 700; margin-bottom: 12px;}
.latest-div-location-list{color: #5f5f5f; font-size: 15px; font-weight: 400; display: block; margin-bottom: 12px;}
.latest-div-location-list img{width: 18px; vertical-align: middle;margin-right: 3px; margin-top: -3px;}
.latest-div-size-list{color: #444; font-size: 20px; font-weight: 700; display: block; margin-bottom: 12px;}
.latest-div-size-list img{width: 24px; vertical-align: middle;margin-right: 6px; margin-top: -3px;}
.latest-project-div-detail-list p{font-size: 15px; text-align: justify; color: #111111; line-height: 24px; margin-bottom: 25px;}
.latest-viewproject-list{color: #fff !important; font-size: 15px; font-weight: 700; transition: 0.2s; text-decoration: none !important; padding: 6px 14px 9px 14px; background: #223a75;}
.latest-viewproject-list:hover{background: #f26b21;}
.latest-div-price-list{font-size: 23px; color: #f26b21; font-weight: 700; position: absolute; right: 30px; display: inline-block; vertical-align: middle; margin-top: -5px;}
.latest-div-price-list img{width: 26px; vertical-align: middle;margin-right: 3px; margin-top: -3px;}
.latest-project-btn-list{position: absolute; right: 10px; border: none; background: #f36b21; font-size: 14px; color: #fff; font-weight: 700; top: 10px; padding: 9px 17px;}
.latest-project-div-even-list{margin-left: 370px;}
.latest-project-div-even-list .resi-commer{left: initial; right: 10px;}
.latest-project-div-even-list .latest-project-div-detail-list{right: initial; left: -367px;}
.latest-project-div-even-list .latest-project-btn-list{left: initial; right: 0;}

.loading {position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display: none;}
.loading:before {content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.loading:not(:required) {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.loading:not(:required):after {content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;}

@-webkit-keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-moz-keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-o-keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}


@media (max-width: 1199px){
.latest-project-div-list .col-lg-6:first-child img{width: 100%;}
.latest-project-div-detail-list{height: auto;}
}

@media(min-width: 1100px){
.contant-main{width: 1100px !important; margin: auto;}
.footer-box-1{width: 220px !important;}
.footer-box-2{width: 270px !important;}
.footer-box-3{width: 360px !important;}
.footer-box-4{width: 250px !important;}
}

@media(max-width: 1099px){
.about-home-img{position: static; top: initial; transform: initial; float: left; margin-right: 35px;}
.about-div p{margin-top: 15px;}
.about-div{width: 100%; padding: 30px;}
.about-bg{padding: 100px 0 80px 0;}
.latest-project-div-detail{right: 0;}
.latest-project-btn{width: 479px;}
.latest-project-div-even{margin-left: 240px;}
.latest-project-div-even .latest-project-div-detail{left: -240px;}
.latest-project-div-detail-list{right: 0;}
.latest-project-div-even-list{margin-left: 240px;}
.latest-project-div-even-list .latest-project-div-detail-list{left: -240px;}
}

@media (max-width: 991px){
.latest-project-div>img{width: 100%;}
.latest-project-div-detail{bottom: -100px;}
.latest-project-btn{width: 260px; height: 90px; bottom: -100px;}
.latest-project-div-even{margin-left: 0;}
.latest-project-div-even .latest-project-div-detail{left: 0;}
.latest-project-div{margin-bottom: 180px;}
.latest-project-section{padding: 85px 0 15px 0;}
.latest-project-div-list>img{width: 100%;}
.latest-project-div-even-list{margin-left: 0;}
.latest-project-div-even-list .latest-project-div-detail-list{left: 0;}
.latest-project-div-list{margin-bottom: 180px;}
.latest-project-section-list{padding: 85px 0 15px 0;}
.footer-box{margin-bottom: 30px;}
.footer-section{padding: 80px 0 50px 0;}
.vision-mission-div{margin-bottom: 30px;}
.about-relation p{font-size: 20px; line-height: 32px;}
.about-relation{padding: 20px 25px 20px 220px;}
.about-relation img{width: 160px; left: 25px; top: -24px;}
.vis-mis-section{padding: 70px 0 60px 0;}
.contact-right{margin-left: -15px;}
.contact-left{margin-bottom: 30px;}
nav .nav-right{right: 20px;}
.bottom-fixed-bar{display: initial;}
.copyright font{position: static; display: block; margin-top: 8px;}
.copyright{padding: 13px 0 55px 0 !important;}
}

@media(min-width: 768px){
.popup-form-dailog{width: 420px;}
}

@media(max-width: 767px){
header{height: 360px;}
.home-slider{height:auto; overflow: hidden;}
.slick-prev:before, .slick-next:before{color: #fff;}
.home-slider .slick-slide{margin: 0 !important;}
.home-slider .slick-slide{height: 320px; position: relative;}
.home-slider .slick-slide img{width: 100%; height: 100%;}
nav button{margin-left: 20px; margin-right: 10px;}
.tagline_contant{width: 80%; padding: 25px; float: none; margin: initial; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.nav-right ul li{margin-right: 15px;}
.tagline_contant h4{font-size: 24px; line-height: 34px;}
.about-bg h2{font-size: 24px; margin-bottom: 35px; margin-top: 35px;}
.testimonial-section h2{font-size: 24px;}
.latest-div-size{font-size: 18px;}
.latest-div-size-list{font-size: 18px;}
.latest-project-section h2{font-size: 24px; margin-bottom: 50px;}
.latest-project-section-list h1{font-size: 24px; margin-bottom: 50px;}
.channel-partner-section h2{font-size: 24px;}
.latest-project-section h2 font{font-size: 30px;}
.latest-project-section-list h1 font{font-size: 30px;}
.latest-project-div-detail-list h4{font-size: 21px;}
.latest-project-div-detail h4{font-size: 21px;}
.latest-project-div-detail-list h4{font-size: 21px;}
.about-bg {padding: 85px 0 60px 0;}
.about-home-img{width: 100%; margin-right: 0; margin-bottom: 20px;}
.latest-project-div-detail{position: static; width: 100%; height: auto; padding: 20px 15px;}
.latest-project-div-detail-list{position: static; width: 100%; height: auto; padding: 20px 15px;}
.latest-project-btn{position: static; width: 100%; height: 55px;}
.latest-project-btn{position: static; width: 100%; height: 55px;}
.latest-project-div {margin-bottom: 40px;}
.latest-project-section {padding: 60px 0 25px 0;}
.latest-project-btn-list{position: static; width: 100%; height: 55px;}
.latest-project-div-list {margin-bottom: 40px;}
.latest-project-section-list {padding: 60px 0 25px 0;}
.testimonial-slider{width: 100%;}
.testimonial-slider-box p{font-size: 18px; line-height: 30px;}
.testimonial-slider-box{padding: 45px 30px 50px 25px; margin: 35px 10px;}
.testimonial-slider-box img{width: 60px;}
.latest-div-price{position: static;  margin-top: 4px;}
.latest-viewproject{display: table; margin-top: 22px; background: #223a75; padding: 12px 20px;}
.latest-div-price-list{position: static;  margin-top: 4px;}
.latest-viewproject-list{display: table; margin-top: 22px; background: #223a75; padding: 12px 20px;}
.about-div{padding: 20px 20px 35px 20px;}
.testimonial-section{padding: 50px 0 70px 0;}
.channel-partner-section{padding: 60px 0;}
.footer-section{padding: 50px 0 30px 0;}
.about-white-bg, .contact-white-bg{padding: 35px 20px; margin-left: 15px; margin-right: 15px;}
.about-white-bg h2{font-size: 24px; margin-bottom: 15px;}
.about-white-bg p{font-size: 16px;}
.vision-mission-div img{width: 60px;}
.vision-mission-div{padding: 10px 25px 0 80px;}
.vision-mission-div h5{font-size: 21px;}
.vision-mission-div p{font-size: 18px;}
.about-relation img{display: none;}
.about-relation{padding: 20px;}
.about-relation-2 p{padding: 0 15px; font-size: 20px;}
.about-relation-2{padding: 25px 0;}
.vis-mis-section {padding: 50px 0 25px 0;}
.about-header{height: 300px;}
.contact-white-bg h2{font-size: 24px;}
.contact-mail-img{width: 90px; top: -60px; right: -8px;}
.contact-left h5{font-size: 18px;}
.contact-left p{font-size: 16px;}
.popup-close{position: absolute !important;}
.nav-right ul li a font{display: none;}
.contact-us-form textarea{padding-right: 15px !important;}
.contact-us-form button{position: static; margin-top: 10px; width: 100%; height: 50px;}
}