/*mobile styles*/

@media (min-width: 0px) and (max-width: 912px) {
  
#Header {
    padding: 1px 0;
}
#Header .logo a img {
	width: 170px;
	margin-top:0;
}
#Header .menu-wrap {
   padding-top: 10px;
}  
#Header .mobile-menu {
	right:0%;
	width:37%;
	top:8%;
	text-align:left;
}
#Header .mobile-menu ul a{ 
	font: 600 16px/115% 'Open Sans', sans-serif;
}
#Header .mobile-menu ul a li{
	margin-bottom: 15px;
	padding: 8px;
}

#nav-icon1 {
    width: 30px;
    height: 20px;
}
#nav-icon1 span:nth-child(2) {
   top: 12px;
}
#nav-icon1 span:nth-child(3) {
	top: 23px;
}

#HeroBanner {
	max-height: fill-available;
	grid-template-rows:50% 50%;
	grid-template-columns:100%;
	grid-template-areas: 'cube'
						'slider';
	//background: rgb(23,157,122);
	//background: linear-gradient(0deg,  rgba(23,157,122,0.5018207111946341)6%, rgba(241,171,6,0.1880952209985557)  39%,rgba(31,205,200,0.4373949408865109) 71%, rgba(255,255,255,1) 97%); 
	//background: white;
	//background: linear-gradient(0deg, rgba(23,157,122,0.5018207111946341) 0%, rgba(31,205,200,0.3373949408865109) 45%,  rgba(241,171,6,0.1880952209985557) 70%,  rgba(255,255,255,1) 100%); 
}
#BannerSlider {
	padding-left:0;
	padding-top:2%;
}
#BannerSlider .item{
	padding:1%;
	margin-left:1%;
	margin-top:0%;
}
#BannerSlider .banner-text h1 {
    font-size: 21px;
	text-align:left;
	margin-left:0;
}
#BannerSlider .banner-text p {
    font-size: 14px;
    margin-bottom:15px;
	text-align:left;
	margin-left:0;
}
#BannerSlider .banner-text p i {
	font-size: 15px;
}
#BannerSlider .bannet-cta a {
    padding: 5px 12px;
    font-size: 12px;
}
#BannerSlider .owl-dots {
    bottom:0%;
	text-align:center;
	width: 100%;
	display:none;
}

#AboutUs .AboutUs, 
#AboutUs .AboutUs2,
#AboutUs .AboutUs3
{
	flex-wrap: wrap;
	flex-direction:row;
	padding:10px 0 0 0;
}
#AboutUs .AboutUs .left-col, 
#AboutUs .AboutUs2 .left-col,
#AboutUs .AboutUs3 .left-col,
#AboutUs .AboutUs .right-col, 
#AboutUs .AboutUs2 .right-col,
#AboutUs .AboutUs3 .right-col {
  width:100%;
  margin-left:0;
}
#AboutUs .AboutUs .left-col h2, 
#AboutUs .AboutUs2 .right-col h2,
#AboutUs .AboutUs3 .left-col h2  {
	font: 600 24px/115% 'Open Sans', sans-serif;
	margin-left:0;
	margin-bottom:10px;
	width:100%;
	padding:3%;
	text-align:center;
}
#AboutUs .AboutUs .left-col p, 
#AboutUs .AboutUs2 .right-col p,
#AboutUs .AboutUs3 .left-col p{
	margin-left:0;
	margin-bottom:8px;
	width:100%;
	padding:6%;
	text-align:center;
}
#AboutUs .AboutUs2 .left-col,
#AboutUs .AboutUs3 .right-col{
	display:none;
}

#AboutUs .AboutUs3 .left-col a {
	padding: 13px;
	font: 400 15px/115% 'Open Sans', sans-serif;
	width:100%;
	text-align:center;
	margin:2% 0 4% 0;
}

#OurWork {
    padding:1%;
   	height:100%;
  }
#OurWork  .Service1{
	flex-wrap: wrap;
	flex-direction:row;
	padding:0;
}
#OurWork .Service2{
	flex-wrap: wrap;
	flex-direction:row;
	padding:0;
}
#OurWork  .Service1 .left-col, 
#OurWork  .Service2 .left-col,
#OurWork  .Service1 .right-col, 
#OurWork  .Service2 .right-col {
  width:100%;
  margin-left:0;
  padding:0;
}

#OurWork  .Service1 .left-col h2, 
#OurWork  .Service2 .right-col h2 {
	font: 600 24px/115% 'Open Sans', sans-serif;
	margin-left:0;
	margin-bottom:10px;
	margin-top:11px;
	padding:3%;
	width:100%;
	text-align:center;
}
#OurWork  .Service1 .left-col p{
	margin-left:0;
	margin-bottom:8px;
	width:100%;
	padding:6%;
	text-align:center;
	font: 400 15px/155% 'Open Sans', sans-serif;
	color:#333;
}

#OurWork .Service1 .right-col .services-pics .each-box,
#OurWork .Service2 .left-col .services-pics .each-box{
	margin-bottom:3px;
	height:auto;
	background-position:top;
}

#OurWork .Service1 .right-col .services-pics .each-box:hover .each-box-img img,
#OurWork .Service2 .left-col .services-pics .each-box:hover .each-box-img img{
    //transform: none;
}
 #OurWork .Service1 .right-col .services-pics .each-box .each-box-text-wap .each-box-text,
 #OurWork .Service2 .left-col .services-pics .each-box .each-box-text-wap .each-box-text{
    padding: 8px;
}
#OurWork .Service1 .right-col .services-pics .each-box-text-wap .each-box-text h3,
#OurWork .Service2 .left-col .services-pics .each-box-text-wap .each-box-text h3{
    font-size: 20px;
    margin-bottom: 12px;
}
#OurWork .Service1 .right-col .services-pics .each-box-text-wap .each-box-text p,
#OurWork .Service2 .left-col .services-pics .each-box-text-wap .each-box-text p {
    font-size: 13px;
    margin-bottom: 12px;
}
#OurWork .Service1 .right-col .services-pics .each-box-text-wap .each-box-text i,
#OurWork .Service2 .left-col .services-pics .each-box-text-wap .each-box-text i{
    padding: 4px 8px;
}
#OurWork .Service1 .right-col a{
	padding: 13px;
	font: 400 15px/115% 'Open Sans', sans-serif;
	width:100%;
	text-align:center;
	margin:2% 0 4% 0;
}

#OurWork .overlay {
  height: 100%;
  top:8%;
}
#OurWork .overlay .closebtn {
  font-size:35px;
  margin-bottom:0;
}
#OurWork .overlay .overlay-content {
	flex-wrap: wrap;
	overflow-x: hidden;
	overflow-y:hidden;
	margin-top:45px;
}
#OurWork .overlay .overlay-content .left-col{
  width:100%;
  height:300px;
  padding:1%;
}
#OurWork .overlay .overlay-content .right-col {
	width:100%;
	padding:1%
}
#OurWork .overlay .overlay-content .left-col h2 {
	font: 600 24px/115% 'Open Sans', sans-serif;
	text-align:center;
	margin:0 0 10px 0;
	padding:3%;
}
#OurWork .overlay .overlay-content .left-col img {
	background-position: left top;
	background-size: cover;
}
#OurWork .overlay .overlay-content .right-col p,
#OurWork .overlay .full-col p{
	padding:3.5%;
	text-align:center;
	font: 400 15px/155% 'Open Sans', sans-serif;
	color:#333;
}
#OurWork .overlay .overlay-content .right-col a {
	padding: 13px;
	font: 400 15px/115% 'Open Sans', sans-serif;
	width:100%;
	text-align:center;
	margin:2% 0 4% 0;
}
#OurWork .overlay .full-col{
	overflow-x: hidden;
	margin-top:-5px; 
}
#OurWork .overlay .full-col a {
	padding: 13px;
	font: 400 15px/115% 'Open Sans', sans-serif;
	width:100%;
	text-align:center;
	margin:0 0 20% 0;
}
#OurWork .overlay .full-col h2 {
	font: 600 24px/115% 'Open Sans', sans-serif;
	text-align:center;
	margin:2px 0 5px 0;
	padding:3%;
}
#OurWork .overlay .full-col ul{
	flex-direction:column;
	flex-wrap:wrap;
	margin-bottom:0px;
}
#OurWork .overlay .full-col ul li {
	margin: 0 0 7px 0;
	padding:3.5%;
	flex-basis:100%;
	text-align:center;
	font: 400 15px/155% 'Open Sans', sans-serif;
	color:#333;
}
#boxes {
	grid-gap:7px;
	grid-template-rows:210px auto auto auto;
	grid-template-areas: 'plans'
						'box1'
						'box2'
						'box3';
}
#boxes #plans h1{
	margin:0 ;
	width:100%;
	font: 600 24px/115% 'Open Sans', sans-serif;
	padding:3%;
	text-align:center;
}

#boxes #caja1{
	margin-bottom:0px;
	margin:0% 2%;
}
#boxes #caja2{
	padding:0%;
}
#boxes #caja3{
	padding:0%;
}
#boxes #caja1 p, #boxes #caja2 p, #boxes #caja3 p{
	width:100%;
	padding:5%;
	text-align:center;
}
#boxes #caja2 h3, #boxes #caja3 h3 {
	padding:3%;
}
#boxes #caja2 h3 span, #boxes #caja3 h3 span{
	padding:1%;
}
#boxes a{
	padding: 13px;
	font: 400 15px/115% 'Open Sans', sans-serif;
	width:100%;
	text-align:center;
	margin:2% 0 4% 0;
}

#ContactUs {
    padding:40px 0;
}
#ContactUs .contact-title {
	font: 600 24px/115% 'Open Sans', sans-serif;
	margin-left:0;
	margin-bottom:10px;
	width:100%;
	padding:3%;
	text-align:center;
 }
#ContactUs .form-wrap,
  #ContactUs .address-block {
    width: 100%;
    padding: 20px;
    display: block;
}
#ContactUs .form-wrap p {
    font-size: 16px;
    text-align: center;
}
#ContactUs .form-wrap .floating-label {
    width: 100%;
    margin-bottom: 40px;
}
#ContactUs .form-wrap .user-msg {
    width: 100%;
    margin-bottom: 20px;
}
#ContactUs .address-block {
	width:100%;
	padding: 5px;
}
}
#ContactUs .address-block::after {
    content: none;
}
#ContactUs .add-title {
    font-size: 20px;
    margin-bottom: 25px;
}
#ContactUs .c-detail .c-info {
	padding:3% 0 0 3%;
	margin:0;
}
#ContactUs .c-detail .c-info h4 {
    font-size: 15px;
    margin-top: 5px;
	padding:0;
}
#ContactUs .c-detail .c-info p, #ContactUs .c-detail .c-info p a{
    margin: 0;
	font-size: 13px;
}
#ContactUs .submit-btn button {
	padding: 10px;
	font: 400 13px/115% 'Open Sans', sans-serif;
	width:100%;
	text-align:center;
	margin:2% 0 4% 0;
}
  
#Footer {
    padding: 40px 0;
}
#Footer .social-share {
    text-align: center;
}
#Footer  .social-share ul li {
    margin-right: 30px;
}
#Footer .social-share ul li:last-child {
    margin-right: 0;
}

#Footer .design small{
    text-align: center;
    margin-top: 1px;
	font-size:10px;
}