/***************************

Zen Prime Realty
Main CSS styles

/***************************/

/*Global Styles*/
@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700');
body{
	font-family: 'Cabin', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
}

.no-pads{
	padding:0
}

.adjustment1{
    margin-bottom: 9.8%;
    float: left;
    width: 100%;
}
.adjustment2{
	color:white!important;
    margin: 0!important;	
}

.adjustment3{
	background:white!important;
	margin-top:10px!important
}
.adjustment4{
    margin: 0!important;
    color: white!important;
}
.adjustment5{
	
}
h4{
    font-size: 20px;
    font-weight: bold;
    color: #202022;
    margin:30px 0 10px 0
}


p{
	font-size: 15px;
    line-height: 30px;
	text-align: justify;
}


.side-navigation li:last-child a, .dropdown-menu li:last-child a {
	border-bottom:none!important
}

/***************HEADER******************/
.main-navigation{
    float: left;
    width: 100%;
}

.navbar {width:100%}

.navbar-brand, .navbar-nav>li>a {
	text-shadow: none;
	color: #1a1a1a;
	font-weight: 700;
	font-size: 12px;
	padding-top: 62px;
	padding-right: 23px;
	padding-left: 23px;
	padding-bottom: 20px;
}


.nav .open>a{
	background:transparent
}
.open .dropdown-toggle{
	background:#e22b03!important;
	color:white
}
.nav>li>a:focus, .nav>li>a:hover, .dropdown a:hover, .dropdown-toggle:hover {
    text-decoration: none;
    background-color: #e22b03;
	color:white
}

.nav .open>a:focus, .nav .open>a:hover, .open .dropdown-toggle:hover {
	background-color: transparent;
}

#our-services:hover, #contact-us:hover, #our-project:hover{
	background:#e22b03!important;
	color:white
}

#header{
	border-bottom: 10px solid #e22b03;
}

.navbar-nav .active  a{
	background:#e22b03;
	color:#fff;
}
.navbar-nav .active  a:hover, .navbar-nav .active  a:focus{
	outline:none
}
.navbar-brand>img {
	display: block;
	margin-top: -29px;
}

.dropdown-menu{
    border: none;
    box-shadow: none;
}

.dropdown-menu li {
	background: transparent;
}
.dropdown-toggle{
	background:transparent;
}
.dropdown-menu li a{
    background: #e22b03;
    border-bottom: 1px solid #e22b03;
    color: white;
    margin: 0;
    padding: 6px 15px 6px 15px;
    font-size: 12px;
}

.navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    padding-top: 7px;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus{
	background: #e22b03;
	color:white
}

/*****************CAROUSEL********************/
.carousel-control{
	width:4%
}
.carousel-control.left, .carousel-control.right{
	background-image:none;
	opacity: 1!important
}
.carousel-control{
	text-shadow: none;
}
.banner-text-container {
    position: absolute;
    width: 100%;
    top: 30%;
    text-align: center; 
  
}
.banner-text-container img {

}
.slide2-bg img {
   background-size: cover;
}
.banner-heading1{
    font-size: 60px;
	line-height: 70px;
    text-align: center;
    color: white;
	font-weight:700;
    text-shadow: 3px 0 10px #696666;
}
.banner-heading2{
    font-size: 17px;
    text-align: center;
    width: 82%;
    color: white;
    font-weight: 500;
    margin: auto;
    text-shadow: 3px 0 10px #696666;
}
.banner-text{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-30%);
}

.header-btn{
	background-color: #e22b03;
    border-bottom: 5px solid #96321c;
}
.animate {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.action-button{
position: relative;
    padding: 10px 50px;
    border-radius: 0;
    font-weight: bold;
    font-size: 19px;
    color: #FFF;
    text-decoration: none;
    margin: auto;
    display: inline-block;
    margin-top: 20px;
}
.action-button:hover, .action-button:focus{
	color:white;
	text-decoration:none;
	outline: none;
}
.action-button:active{
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
	outline:none;
	margin-top: 25px;
	border-bottom: 0;
}
.animate{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
  .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
  
  
  
  
  
/*******************MAIN CONTENT*****************/

.advance-tech {
    line-height: 28px;
}

.header-text{
    font-size: 30px;
    font-weight: 500;
    color: #202020;
    margin: auto;
    text-align: center;
    margin: 50px 0 10px 0px;
}
.header-underline{
    background: #e22b03;
    width: 100px;
    height: 2px;
    margin: auto;
}
.about-us{
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.about-us p{
    font-size: 15px;
    color: #202020;
    text-align: center;
    width: 80%;
    margin: 20px auto;
}
.about-cols{
	text-align:center;
	margin: 10px 0;
}
.about-cols img{
	margin: 10px 0;
}
.commitment-header{
	font-size:20px;
	color:#e22b03
}
.trust-header{
	font-size:20px;
	color:#1abc9c
}
.results-header{
	font-size:20px;
	color:#71ba51
}
.about-cols p{
	margin-top:0!important
}
.main-btn-container{
    float: left;
    width: 100%;
    text-align: center;
}
.main-btn{
    font-size: 15px;
    background: #e22b03;
    color: white;
    text-decoration: none;
    padding: 10px 40px;
    display: inline-block;
}
.main-btn:hover{
	text-decoration:none;
	outline:none;
	color:white;
    background: #e22b03;	
}

.our-services{
	background:#f0f0f0;
	border:1px solid #c8c8c8;
}

.custom-row{
	margin-bottom:60px
}

.hideme{
    opacity:0;
}
.services-img-container img{
	width:100%;
	height:auto;
}

.services-content-container1{
	height: 130px;
	background: #005057;
	position: relative;
	padding: 20px 20px;
}
.services-content-container2{
    height: 130px;
    background: #e22b03;
    position: relative;
    padding: 20px 20px;
}
.services-content-container3{
    height: 130px;
    background: #25373d;
    position: relative;
    padding: 20px 20px;
}
.services-content-container4{
    height: 130px;
    background: #25373d;
    position: relative;
    padding: 20px 20px;
}
.services-content-container6{
    height: 130px;
    background: #669cc9;
    position: relative;
    padding: 20px 20px;
}
.services-content-container7{
    height: 130px;
    background: #3ad9aa;
    position: relative;
    padding: 20px 20px;
}
.services-content-container8{
    height: 130px;
    background: #d98b3a;
    position: relative;
    padding: 20px 20px;
}
.services-title{
    font-size: 25px;
    color: white;
    font-weight: bold;
}
.services-contents{
    color: white;
    font-size: 13px;
    font-weight: 200;
}
.services-img-container{
	max-height:225px
}
.middle-out-div1{
    float: left;
    width: 50%;
    background: #d8335b;
    padding: 18px 25px;
    position: relative;	
}
.middle-out-div2{
    float: right;
    width: 50%;
    background: #71ba51;
    padding: 12px 25px 10px 23px;
    position: relative;
}


.services-img-container2{
    width: 50%;
    float: left;
}
.services-img-container2 img{
	width:100%;
	height:auto
}
.it-img-container2{
    width: 50%;
    float: left;
}
.it-img-container2 img{
    width:100%;
    height:auto
}



.triangle1{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 22px 13px;
    border-color: transparent transparent #005057 transparent;
    position: absolute;
    top: -22px;
    left: 40px;
}
.triangle2{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 22px 13px;
    border-color: transparent transparent #e22b03 transparent;
    position: absolute;
    top: -22px;
    left: 40px;
}
.triangle3{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 22px 13px;
    border-color: transparent transparent #25373d transparent;
    position: absolute;
    top: -22px;
    left: 40px;
}
.triangle4{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 16px 20px;
    border-color: transparent transparent transparent #d8335b;
    top: 22px;
    right: -20px;
    position: absolute;
}
.triangle5{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 23px 13px 0;
    border-color: transparent #71ba51 transparent transparent;
    position: absolute;
    left: -23px;
    top: 22px;
}

.triangle6{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 22px 13px;
    border-color: transparent transparent #669cc9 transparent;
    position: absolute;
    top: -22px;
    left: 40px;
}

.triangle7{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 22px 13px;
    border-color: transparent transparent #3ad9aa transparent;
    position: absolute;
    top: -22px;
    left: 40px;
}
.triangle8{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 22px 13px;
    border-color: transparent transparent #d98b3a transparent;
    position: absolute;
    top: -22px;
    left: 40px;
}

.case-studies{
    background-image: url(../images/case-study-bg.jpg);
    padding: 100px 0;
    background-size: 100%;
    background-position: 0;
	background-attachment: fixed; 
}
.case-studies:before{
  transform: translateZ(-1px) scale(2);
  z-index:-1;
}

.case-studies p{
    text-align: center;
    color: white;
    line-height: 35px;
    font-size: 15px;
}

.news-image-container{
	width: 100%;
    position: relative;
}
.news-image-container img{
	width:100%;
	height:auto;
}
.news-details-container{
    background: #f6f6f6;
    float: left;
    width: 70%;
    padding: 20px;
    min-height: 120px;
	max-height: 160px;
}

.news-title{
    font-size: 20px;
    font-weight: 800;
}
.news-date{
    font-size: 12px;
    color: #5a5a5a;
    font-style: italic;
}
.news-date .fa-calendar{
	margin-right:5px
}
.news-btn{
    background: #e22b03;
    width: 30%;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 48px 0;
    min-height: 120px;
    font-size: 17px;
    font-weight: 500;
    max-height: 120px;
}
.news-btn:focus{
	outline:none;
	text-decoration:none
}
.news-btn:hover{
	outline:none;
	text-decoration:none;
	background:#96321c;
	color:white;
}
.news-snip{
    font-size: 13px;
    padding: 10px 20px;
}
.new-news{
    background: #e22b03;
    color: white;
    padding: 5px 10px;
    font-size: 12px;
    position: absolute;
    right: -10px;
    top: 10px;
}

.news-triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 11px 0 0;
    border-color: #96321c transparent transparent transparent;
    position: absolute;
    right: -10px;
    top: 37px;
}
.news-carousel{
	padding:0 30px
}

.desktop-bg-slider1 {
    width: 100%;
}

.carousel-news-container a.right.carousel-control {
    font-size: 65px;
    color: #282828;
    margin-right: -40px;
    padding: 170px 0px;
}
.carousel-news-container a.left.carousel-control {
    font-size: 65px;
    color: #282828;
	margin-left: -40px;
    padding: 170px 0px;
}

.project-container{
    background: #71ba51;
	padding: 53px 80px;
}
.project-container p{
	color: white;
    line-height: 32px;
}
.our-proj-btn{
    font-size: 15px;
    background: #ffffff;
    color: #71ba51;
    text-decoration: none;
    padding: 10px 40px;
    display: inline-block;
}
.our-proj-btn:hover{
	text-decoration:none;
	outline:none;
	color:#71ba51;
}

.contact-us{
    background: #e22b03;
    padding: 60px 0;
    float: left;
    width: 100%;
}

.contact-us .form-control{
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 53px;
    font-size: 15px;
    padding: 25px;
    margin-bottom: 25px;
}
.form-message{
	min-height:230px;
}

.submit-btn{
    font-size: 20px;
    padding: 10px 30px;
    background: #96321c;
    width: 50%;
    color: white;
    border: none;
    box-shadow: none;
}
.submit-btn:focus{
	outline:none;
}

.contact-us p{
    text-align: center;
    font-size: 13px;
    color: white;
    line-height: 25px;
}

.google-maps-container{
	height:230px;
	background:#96321c;
	width:100%;
	margin-bottom: 20px;
}


.address-list{
	padding: 0;
}

.address-list li{
    list-style: none;
   
    margin-bottom: 20px;
}

.address-list li .fa{
    font-size: 25px;
    float: left;
    margin: 0px 10px 0 10px;
    width: 30px;
}


.address-list {
    margin: 0;
    padding: 40px 0 0 0;
    text-align: center;
}
.address-list li {
    list-style-type: none;
    margin: 0 15px 0 0;
    display: inline-block;
    /*border-right: 1px solid #231f20;*/
    padding-right: 15px;
}
.address-list a {
    text-align: center;
    color: #231f20;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}






.footer-navigation {
    margin: 0;
    padding: 40px 0 40px 0;
    text-align: center;
}
.footer-navigation li {
    list-style-type: none;
    margin: 0 15px 0 0;
    display: inline-block;
    border-right: 1px solid #fff;
    padding-right: 15px;
}

.footer-navigation li:last-child {
    border-right: 0;
}
.footer-navigation a {
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

#footer{
    float: left;
    width: 100%;
   /* border-top: 10px solid #1d6c78;*/
    background: #e22b03;
}


.copyright{
	background: #1f1f1f;
    text-align: center;
    font-size: 13px;
    padding: 10px;
    float: left;
    width: 100%;
    color: white;
}
.footer-navigation a:hover{
	text-decoration:none;
}

.desktop-img {
    display: block;
}
.mobile-img {
    display: none;
}

/**************OUR SERVICES****************/
.drone {
    font-weight: bold;
}
.page-heading-container{
    background-image: url(../images/header-bg.jpg);
    padding: 65px 0;
    margin-bottom: 45px;
    background-repeat: no-repeat;
	background-size: cover;
    background-color: #1d6c78;
    background-position: center;
}
.main-page-heading{
	text-align: center;
    color: white;
    font-size: 55px;
    font-weight: 700;
    text-shadow:0px 0 17px #b9b9b9;
}
.side-nav-container .panel-heading {
    background: #e22b03;
    padding: 15px;
    border-radius: 0;
}
.side-navigation{
	padding:0;
	margin: 0;
}
.side-navigation li{
    list-style-type: none;
}

.side-navigation li a{
    width: 100%;
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: 13px;
    border-bottom: 1px solid #e22b03;
    padding: 10px 15px;
}
.top-services{
	font-size: 15px!important;
    font-weight: bold;
}
.active .top-services{
    font-size: 15px!important;
    font-weight: bold;
}
.side-navigation li a:hover{
    text-decoration: none;
}

.our-project{
    font-size: 15px!important;
    font-weight: bold;
}
.active .our-project{
    font-size: 15px!important;
    font-weight: bold;
}

.side-navigation .active a{
    background: white;
    color: #202020;
	border-bottom: 1px solid white;
}
.services-main-heading{
    font-size: 30px;
    font-weight: 600;
    color: #e22b03;
    margin-bottom: 10px;
}
.services-image-container{
    margin-bottom: 20px;
}
.main-services-container{
    width: 90%;
    float: right;
	margin-bottom: 60px;
}
.main-services-container p{
	font-size: 15px;
    margin: 0 0 20px 0;
    line-height: 30px;
}
.services-image-container img{
	width:100%;
	height:auto;
}
a:focus, a:hover{
	text-decoration:none;
}




/*****************ABOUT US***************/
.mission-content {
    width:100%;
}
.about-us-wrapper{
	text-align:center
}
.our-vision{
	background-image: url(../images/our-vision-bg.jpg);
	padding: 110px 50px;
    background-repeat: no-repeat;
    background-size: cover
}
.our-mission{
	background-image: url(../images/our-mission-bg.jpg);
	padding: 110px 50px;
    background-repeat: no-repeat;
    background-size: cover;
}
.vision-container{
    text-align: center;
    width: 50%;
    float: right!important;
}
.vision-container h1, .mission-container h1{
    font-size: 35px;
    font-weight: bold;
    color: white;
}
.vision-container p, .mission-container p{
    color: white;
    font-size: 15px;
}
.mission-container{
    width: 50%;
    text-align: center;
}


/*****************CONTACT US***************/
.main-contact-form .form-control{
    border: none;
    box-shadow: none;
    background: #f1f1f1;
    border-radius: 0;
    padding: 27px 20px;
    margin-bottom: 20px;
}
.main-contact-form #submit{
	background: #c62400;
    width: 50%;
}
.contact-us-page {
    color:#333;
}
.contact-address-list {
    padding: 0;
}
.contact-address-list li {
    list-style: none;
    color: #333;
    margin-bottom: 20px;
}
.contact-address-list li .fa{
    font-size: 25px;
    float: left;
    margin: 0px 10px 0 10px;
    width: 30px;
}









.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
}
.navbar-toggle .top-bar {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform-origin:-10% 10%;
	-webkit-transform-origin: -10% 10%;
	transform: rotate(45deg);
	transform-origin:-10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform-origin:0% 120%;
	-webkit-transform-origin: 0% 120%;
	transform: rotate(-45deg);
	transform-origin: 0% 120%;
}
.navbar-toggle.collapsed .top-bar {
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}

.icon-bar{
    background: #c62400;
    height: 3px!important;
    width: 26px!important;
    margin-bottom: 4px;
}

.navbar-toggle{
	    margin: 0;
}
.news-image-container{margin-bottom:-1px}





#services-toggle, #our-project-toggle, #contact-us-toggle{
	background: #96321c;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    padding: 10px 15px;
}

#services-toggle, #our-project-toggle, #contact-us-toggle{
	cursor:pointer
}

.nav .caret{
    border-top: 8px dashed;
    border-top: 4px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    color: white;
}

#services-toggle, #our-project-toggle, #contact-us-toggle{
	display:none
}


#myselect{
    padding: 10px;
    width: 100%;
    border: 1px solid #cacaca;
    margin-bottom: 20px;
	display:none
}

#myselect:focus, #myselect:hover{outline:none}

.project-img1{
	display:block
}
.project-img2{
	display:none
}


.main-post-date, .main-post-views{
	float:left;
    margin-right: 10px;
}
.main-post-date .fa, .main-post-views .fa{
	margin-right:8px
}

[data-slide-to] {
    cursor: pointer;
}

.news-desktop {
    display: block;
}
.news-mobile {
    display: none;
}


.desktop-bg-slider1{
	display:block
}
.desktop-bg-slider1-mobile{
	display:none!important
}
.desktop-bg-slider1-mobile2{
	display:none!important
}

/*****************MEDIA QUERIES***************/



@media only screen and (max-width:1630px){
	.banner-text {
		transform: translate(-50%,-25%);
	}



@media only screen and (max-width:1530px){
    .mission-container {
        width: 100%
    }
    .vision-container {
        width: 100%
    }
	.banner-heading1 {
		font-size: 50px;
		line-height: 60px;
	}
		/*.our-vision{		
		background-position: -370px 0;
	}
	.our-mission{
		background-position: -280px 0;
	}*/
}
@media only screen and (max-width:1440px){
    .adjustment1 {
        margin-bottom: 8.6%;
    }
    .services-img-container2 img {
        height: 100%;
    }
    .services-img-container2 {
        height: 162px;
    }
    .it-img-container2 img {
        height: 100%;
    }
    .it-img-container2 {
        height: 162px;
    }
    .middle-out-div2 { 
        padding: 14px 25px 11px 23px;
    }
}
@media only screen and (max-width:1400px){
	.banner-text {
		transform: translate(-50%,-45%);
	}
}

@media only screen and (max-width:1280px){
	.banner-heading1 {
		font-size: 40px;
		line-height: 50px;
	}
	.banner-heading2 {
		font-size: 14px;
	}
	.banner-text {
		transform: translate(-50%,-60%);
	}	
	
}

@media only screen and (max-width:1199px){
    .middle-out-div2 {
        padding: 12px 14px;
    }
    .advance-tech {
            line-height: 20px;
    }
    .adjustment1 {
        margin-bottom: 9.6%;
    }
	.news-title{
		font-size:15px
	}
    .services-img-container2 img {
        height: 100%;
    }
	.news-details-container{
		padding: 30px 20px;
	}
    .services-img-container2 {
        height: 152px;
    }
    .it-img {
        height: 138px;
    }
   
    
    .middle-out-div1 {
        padding: 19px 14px;
    }
    .our-vision, .our-mission {
        background-position: -155px;
    }
    .news-btn1 {
        padding: 62px 0;
        max-height: 147px;
    }

    .project-img{
        width:  100%;
        object-fit: cover;
        height: 396px;
    }
    
	.navbar-brand, .navbar-nav>li>a{
		padding: 52px 13px 20px 13px;
	}
	.banner-heading1 {
		font-size: 35px;
		line-height: 40px;
	}
	.banner-heading2 {
		font-size: 14px;
	}	
	.action-button{
		font-size: 14px;
	}
	.services-title{
		font-size: 20px;
	}
	.services-title {
		font-size: 17px;
		line-height:20px;
	}
	/*.services-img-container {
		max-height: 495px;
		height: 185px;
	}	
	.middle-out-div1{
		padding: 8px 14px;
	}
	.middle-out-div2{
		padding: 14px;
	}*/
	.project-container {
		padding:60px 50px
	}
	.our-vision , .our-mission{
		padding: 55px;
	}
}

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

    .news-btn1 {
        padding: 62px 0;
        max-height: 147px; 
    }

}

@media only screen and (max-width:1024px){
    .middle-out-div2 {
        padding: 12px 14px;
    }
    .advance-tech {
            line-height: 20px;
        }
    .mission-container {
        width: 100%;
        height: 288px;
        padding-top: 40px;
    }
    .vision-container {
        width: 100%;
        height: 288px;
        padding-top: 40px;
    }
    .news-details-container {
        min-height: 147px;   /* 120px original */
    }
    .news-btn2 {  
    padding: 61px 0;
    max-height: 150px;
	}
	.news-details-container {
		min-height: 119px;
	}
	.news-btn{
		max-height: 120px;
	}
	.banner-text {
		transform: translate(-50%,-80%);
	}
}

@media only screen and (max-width:991px){	
	.navbar-brand, .navbar-nav>li>a {
		padding: 52px 10px 20px 10px;    
		font-size: 10px;	
	}
	.navbar-header{
		width: 230px;
	}
	.navbar-brand>img {
	margin-top: -40px;
}
	.dropdown-menu li a{
		font-size: 10px;
	}
	.banner-text{
		width:90%
	}
	.banner-text {
		transform: translate(-50%,-80%)
	}	
	.services-img-container {
		max-height: 138px;
		height: 138px;
	}	
	.services-content-container1, .services-content-container2 {
		height: 175px;
	}
	.services-img-container2, .triangle4, .triangle5{
		display:none
	}
    .it-img {
        display:none
    }
	.middle-out-div1, .middle-out-div2{
		width:100%
	}
	.middle-out-div1 {
		padding: 20px 20px
	}
	.middle-out-div2 {
		padding: 26px;
	}	
	.services-content-container3, .services-content-container6{
		height: 150px;	
	}
	.news-title {
		font-size: 18px;
		font-weight: 800;
		line-height: 19px;
	}
	.news-details-container{
		padding:15px;
		width:70%
	}
	.news-btn{
		font-size:17px;
		width:30%;
		padding:50px 0;
	}
	.news-snip {
		padding: 10px 10px;
	}
	.carousel-news-container a.right.carousel-control, .carousel-news-container a.left.carousel-control{
		padding: 80px 0px;
	}
	.project-img1{
		display:none
	}
	.project-img2{
		display:block
	}
	.mission-container, .vision-container{
		width:80%
	}
		
}


@media only screen and (max-width:850px){
	.banner-text {
		transform: translate(-50%,-100%);
	}	
	.main-top-slider .carousel .item{
	  height: 400px;
	}
	.main-top-slider .item img {
		top: 0;
		left: 0;
	}
	.mission-container, .vision-container{
		width:100%
	}
}

@media only screen and (max-width:850px){
    .banner-text-container {
        top: 15%;
    }

}

@media only screen and (max-width:768px){
    .services-content-container3, .services-content-container6 {
        height: 149px;
    }
    .advance-tech {
        line-height: 23px;
    }
    .banner-text-container {
        top: 14%;
    }
    .our-vision, .our-mission {
        background-position: -259px;
    }
    .news-details-container {
        min-height: 120px;
    }
    .news-btn2 {
        padding: 48px 0;
    }
}
@media only screen and (max-width:767px){
	.desktop-bg-slider1{
		display:none!important
	}
	.desktop-bg-slider1-mobile{
		display:block!important
	}
	.desktop-bg-slider1-mobile2{
		display:none!important
	}
    .news-details-container {
		min-height: 120px;	
		padding: 6%;
    }
	.carousel-news-container{
		padding: 0 40px;
	}
	.navbar-header{
		width: 100%;
		margin: 25px 0 10px 0
	}
	.navbar-brand, .navbar-nav>li>a{
		padding-top:0
	}
	.navbar-brand>img{
		margin-top:0
	}
	.navbar-toggle {
		margin:10px -20px 0 0	
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 7px;
	}
	.navbar-nav>li>a {
		padding: 10px;
		font-size: 13px;
		border-bottom: 1px solid #96321c;
		background: #e22b03;
		color:white
	}
	.navbar-nav .active a, .navbar-nav .active a:hover {
		background: #96321c;
		color: white!important;
	}
	.navbar-nav{
		margin-top: 20px;
	}
	.banner-text{
		width:90%
	}
 	.banner-text {
		transform: translate(-50%,-80%)
	}		
	.banner-heading1 {
		font-size: 30px;
	}
	.banner-heading2 {
		font-size: 13px;
	}
	.nav .open>a{
		background: #e22b03;
	}
	.navbar-nav .open .dropdown-menu{
		padding-top:0
	}
	.dropdown-menu li a {
		background: #96321c;
		border-bottom: 1px solid #e22b03;	
	}
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 20px;
		font-size: 12px;
		padding: 7px 15px 7px 25px;
	}
	.nav .open>a {
		border-bottom: 0;
	}
	#services-toggle, #our-project-toggle, #contact-us-toggle, #myselect{
		display:block
	}
	.side-nav-container{
		display:none;
	}
	.main-services-container{
		width:100%		
	}	
	p{
		font-size:13px!important
	}
	.services-img-container {
		max-height: 220px;
		height: 200px;
		    overflow: hidden;
	}
	.mobile-adjustment1 {
		margin-bottom: 50px;
	}
	.case-studies{
		background-position: -210px -140px;
		background-size: 300%;
	}	
	.services-content-container1, .services-content-container2, .services-content-container3, .services-content-container6{
		height: 148px;
	}
    .services-content-container7{
        height: 128px;
    }
    .services-content-container8 {
        height: 135px;
    }
	.adjustment1{
		width: 48%;
		margin-bottom:0
	}
	.middle-out-div1, .middle-out-div2{
		padding: 40px 20px;
		min-height: 180px;
	}	
	.adjustment5{
	    width: 48%;
		float: right;
		margin-top:-20px!important
	}
	.custom-row {
		margin-bottom: 0px;
	}	
	.news-carousel {
		margin-bottom: 30px;	 
	}
	.carousel-news-container a.right.carousel-control, .carousel-news-container a.left.carousel-control {
		padding: 140px 0px;
	}
	.carousel-control{
		width: 10%;
	}
	.mobile-adjustment2{
		margin-top: -30px;
		margin-bottom: 20px;
	}

}

@media only screen and (max-width:740px){
    .news-btn1 {
        padding: 48px 0;
    }
}
@media only screen and (max-width:736px){
    .adjustment5 {
        margin-top: -19px!important;
    }
    .news-desktop {
        display: none;
    }
    .news-mobile {
        display: block;
    }
	.news-carousel{
		margin-bottom: 0;
	}
}
@media only screen and (max-width:692px){
	.news-details-container {
		padding: 6%;
	}	
}

@media only screen and (max-width:600px){
	.services-img-container	{
		max-height: 130px;
	}	
	.desktop-bg-slider1{
		display:none!important
	}
	.desktop-bg-slider1-mobile{
		display:none!important
	}
	.desktop-bg-slider1-mobile2{
		display:block!important
	}
	.banner-text {
		transform: translate(-50%,-60%);
	}	
}

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

}

@media only screen and (max-width:500px){
	.banner-text {
		transform: translate(-50%,-65%);
	}	
	.footer-navigation li{
		list-style-type: none;
		margin: 6px;
		display: block;
		border-right: none;
		border-bottom: 15px;
	}
	.footer-navigation {
		margin: 0;
		padding: 10px 0;
	}	
	.main-contact-form #submit{
		width: 50%;
	}
	.news-details-container {
		min-height: auto;
		width: 100%;
	}
	.news-btn{
		font-size: 17px;
		width: 100%;
		padding: 10px 0;
		
		min-height: 40px;
	}
}


@media only screen and (max-width:425px){
    .middle-out-div1 {
        padding: 47px 20px
    }
    .banner-text-container {
        top: 77px;
    }
    .page-heading-container {
        background-position: 64%;
    }
	.desktop-bg-slider1{
		display:none!important
	}
	.desktop-bg-slider1-mobile{
		display:none!important
	}
	.desktop-bg-slider1-mobile2{
		display:none!important
	}	
	.carousel-news-container {
		padding:0 25px;
	}
    .desktop-img {
        display: none;
    }
    .mobile-img {
        display: block;
    }
    .news-details-container {
        min-height: auto
    }
    .banner-text {
        left: 50%;
        top: 50%;
    }
    .slide1-bg {
        background-image: url(../images/mobile-bg1.png);
        background-repeat: no-repeat;
        height: 400px
    }
    .slide2-bg {
        background-image: url(../images/mobile-bg2.png);
        background-repeat: no-repeat;
        height: 400px
    }
    .slide3-bg {
        background-image: url(../images/mobile-bg3.png);
        background-repeat: no-repeat;
        height: 400px
    }
    .desktop-bg-slider1 {
        display: none!important;
    }
    .news-btn1 {
        padding: 49px 0;
    }
    .middle-out-div2 {
        padding: 40px 20px;
        min-height: 193px;
    }
    .adjustment5 {      
        margin-top: -19px!important;
    }
    
}
@media only screen and (max-width:414px){
    .banner-text-container {
        top: 200px;
    }
    .address-list li {
        margin: 0 15px 6px 0;
    }
    .address-list li .fa {
        margin: 0px 5px 0px 10px;
    }
    .banner-text2 {
        margin: -29% 4% 4% 2%;
        /* background: red; */
        position: static;
        /* TOP: 0; */
        POSITION: absolute;
        text-align: center;
    }
	.services-img-container {
		max-height: 108px;
	}
	.carousel-news-container a.left.carousel-control{
		margin-left: -13px;
	}
	.carousel-news-container a.right.carousel-control{
		margin-right: -13px;
	}	
}
@media screen (max-width:400px){
    .news-btn2 {
        padding: 56px 0;
        max-height: 160px;
    }
}
@media screen (max-width:400px){
    .news-btn2 {
        padding: 56px 0;
        max-height: 160px;
    }
}
@media only screen and (max-width:400px){
    .news-btn1 {
        padding: 56px 0;
        max-height: 160px;
    }
	.navbar-brand{
		
	}
	.navbar-toggle {
		margin: 3px -30px 0 0;
	}	
	.banner-heading1 {
		font-size: 25px;
		LINE-HEIGHT: 28px;
	}
	.action-button {
		font-size: 13px;
	}
	.banner-text2 {
		margin: -32% 4% 4% 2%;
        /* background: red; */
        position: static;
        /* TOP: 0; */
        POSITION: absolute;
        text-align: center;
	}
} 
@media screen (max-width:395px){
    
}
@media only screen and (max-width:384px){
    .news-btn1 {
       max-height: 160px;
        padding: 59px 0;
    }
    .news-btn2 {
         max-height: 122px;
         padding: 39px 0;
    }
}
@media only screen and (max-width:379px){
    
}

@media only screen and (max-width:376px){
    .news-btn2 {
        max-height: 123px;
        padding: 38px 0;
    }
}

@media only screen and (max-width:375px){
    .advance-tech {
        line-height: 22px;
    }
    .adjustment5 {      
        margin-top: -19px!important;
    }
    .news-carousel {
        margin-bottom: 10px;
    }
   
	.middle-out-div1, .middle-out-div2{
		padding: 40px 20px;
		min-height: 200px;
	}	
    .services-content-container6 {
        height: 130px;
    }
    .services-content-container8 {
        height: 116px;
    }
    .news-btn1 {
        max-height: 160px;
        padding: 56px 0;
    }
    .news-btn2 {
        max-height: 123px;
        padding: 40px 0;
    }
}

@media only screen and (max-width:375px){
	/*.middle-out-div1, .middle-out-div2 {
		min-height: 300px!important
	}*/
}

@media only screen and (max-width:360px){
    .news-btn1 {
        max-height: 160px;
        padding: 56px 0;
    }
    .news-btn2 {
        max-height: 123px;
        padding: 40px 0;
    }
}

@media only screen and (max-width:346px){
    .news-btn2 {
        max-height: 152px;
        padding: 47px 0;
    }
}
@media only screen and (max-width:320px){
    .middle-out-div1 {
        padding: 42px 20px
    }
    .banner-text2 {
    margin: -42% 4% 4% 2%;
}
    .page-heading-container {
    background-position: 67%;
}
	.project-container {
		padding: 30px 40px;
	}	
    .middle-out-div2 {
        min-height: 230px;
    }
    /*.banner-text {
        left: 5%;
       top: -100px;
    }*/
    .phone-strategic{
        height: 135px
    }   
    /*.news-btn1 {
        max-height: 160px;
        padding: 56px 0;
    }
    .news-btn2 {
        padding: 49px 0;
        max-height: 142px
    }*/
    .services-content-container8 {
        height: 140px;
    }
    .marker-iphone5 {
        padding-bottom:20px;
    }
	.services-content-container1, .services-content-container2, .services-content-container3, .services-content-container6{
		height: auto;
	}
}