/*Fixes*/
@media screen and (max-width: 1670px){
    #banner{padding: 225px 0 155px 0;}
    .inner #banner{padding: 225px 0 155px 0;}
}
@media screen and (max-width: 1550px){
    #banner{padding: 215px 0 105px 0;}
    .inner #banner{padding: 215px 0 105px 0;}
}
@media screen and (max-width: 1470px){
    #banner{padding: 150px 0 75px 0;}
    .inner #banner{padding: 150px 0 75px 0;}
}
@media screen and (max-width: 1300px){
    .inner #banner{padding: 150px 0 75px 0;}
    #banner_stuffs{padding: 45px 0;width: 38%;}
}
@media screen and (max-width: 1240px){
    #banner{padding: 120px 0 69px 0;}
    .inner #banner{padding: 120px 0 69px 0;}
}

/*Lappy and Mobile Responsive*/
@media screen and (max-width: 1024px){
	body { min-width: 320px; width: 100% }
  #header_top p{margin: 0 30px;}
  #header nav ul li:nth-of-type(3){margin-right: 260px;}
  #banner_stuffs h2{width: 59%;margin: auto;font-size: 35px;}
  #banner_stuffs .buttons{padding: 15px;}
  #banner_stuffs{padding: 35px 0;width: 44%;}
  #banner{padding: 110px 0 50px 0;}
  #serv_gal .serv_gal_stuffs img{width: 100%;}
  #contact_div .row{padding: 20px 0;}
  #gal_top .gal_stuffs img, #gal_below .gal_stuffs img{width: 100%;}

  #inner_contact .ctc-form{width: 90%;}
  .inner #banner{padding: 110px 0 50px 0;}
}

@media screen and (max-width: 990px){
  #header{position: static;}
  #header_below img{position: static;}
  #header nav ul li:nth-of-type(3){margin-right: 0;}
  #banner_stuffs{width: 100%;background: none;}
  #banner_stuffs h2{color: #fff;}
  #banner_stuffs p{color: #fff;}
  #banner{padding: 80px 0 50px 0;background: url(../images/common/inner_banner.jpg) no-repeat;background-size: 100% 100%;}
  .inner #banner{padding: 80px 0 50px 0;}
  #welcome_div .row{flex-direction: column;align-items: center;}
  #welcome_div{background-size: cover;}
  #WC_Left{display: none;}
  #WC_Right{text-align: center;}
  #WC_Right p{width: 90%; margin: 0 auto;}
  #contact_div .row{background: none;}
  #contact_stuffs{width: 100%;text-align: center;}
  #contact_stuffs h4{width: 90%; margin: 0 auto 40px;color: #fff}
  #contact_stuffs p{margin: auto;color: #fff;}
  #contact_stuffs a{background: #00A3D9;}
  #contact_stuffs a:hover{background: #444;color: #fff;}
  #contact_div{background: none;background-color: #59B200;padding: 0;}
  #testi_div h3::before{display: none;}
  #testi_div{background: none;background-color: #00A3D9;padding: 20px 0 40px 0;}
  #gallery_div h3::before{display: none;}
  #gallery_div{padding: 30px 0;}
  #contact_us_div h3::before{display: none;}
  #contact_us_div{padding: 35px 0 70px 0;}
  #WC_Right ul {text-align: left;padding-left: 0;}

}

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

    #contact_us_div .ctc-form input[type="text"]{width: 100%;}
    #contact_us_div .ctc-form{width: 90%;margin: auto;}
    #footer_navs{width: 100%;}
}

@media screen and (max-width: 850px){
    .inner #banner{padding: 30px 0 10px 0;}
}

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

	    .cta{
			background: #00A3D9  url("../images/phonecall.png") no-repeat center center;
			border-bottom-left-radius: 40px;
			border-top: 2px solid #444;
			border-top-left-radius: 40px;
			bottom: 1%;
			display: block;
			height: 80px;
			position: fixed;
			right: 0;
			text-decoration: none;
			text-indent: -9999em;
			width: 100px;
			z-index: 999;
		}
    #banner{padding: 0;}
    #welcome_div{padding: 20px 0;}

    .inner #content #inner_about ul {columns: 1}
}

@media screen and (max-width: 730px){
    .inner #banner_stuffs{padding: 0;}
}

@media screen and (max-width: 768px){
  #header_top{margin-top: 55px;}

  #header nav{display:block !important;height:auto; background: #59B200; width: 100%; position: absolute; top: -94px;padding: 0;}
  #header nav a#pull{display:block !important;background-color:#59B200;width:100%;position:relative;text-decoration:none;color:#fff;text-align: left;}
  #header nav a#pull:after{content:"";background:url('../images/nav-icon.png') no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:15px;top:10px;}
  #header nav a#pull strong{line-height:45px;margin-left: 20px;}
  #header nav ul{width:100%;display:none;height:auto;}
  #header nav ul li{display:block !important;text-align:left;background-color:#59B200;padding: 10px;}
  #header nav ul li a{display:block !important;height:auto;margin:0;color:#fff;text-align:left;border-bottom: none;}
  #header nav ul li:first-child{}
  #header nav ul li:not(:first-child):not(:last-child){}
  #header nav ul li:last-child{}
  #header nav ul li a.active-menu, #header nav ul li.active-menu a, #header nav ul li a:hover{color: #000; border-bottom: none;}

  #footer{position: relative;}
  #footer_navs{display:block !important;height:auto; background: #00A3D9; width: 100%; padding: 0;}
  #footer_navs a#footer_pull{display:block !important;background-color:#00A3D9;width:100%;position:relative;text-decoration:none;color:#fff;text-align: left;}
  #footer_navs a#footer_pull:after{content:"";background:url('../images/nav-icon.png') no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:15px;top:10px;}
  #footer_navs a#footer_pull strong{line-height:45px;margin-left: 20px;font-size: 16px;}
  #footer_navs ul{width:100%;display:none;height:auto;}
  #footer_navs ul li{display:block !important;text-align:left;background-color:#00A3D9;padding: 10px 20px;}
  #footer_navs ul li a{display:block !important;height:auto;margin:0;color:#fff;text-align:left;}
  #footer_navs ul li:first-child{}
  #footer_navs ul li:not(:first-child):not(:last-child){}
  #footer_navs ul li:last-child{}
  #footer_navs ul li a.active-menu, #footer_navs ul li.active-menu a, #footer_navs ul li a:hover{color:#B22D00;}

  #serv_gal{flex-direction: column;align-items: center;padding-top: 0;}
  #serv_gal .serv_gal_stuffs{width: 60%;margin: 20px 0;}
  #gal_top, #gal_below{flex-direction: column;align-items: center;}
  #gal_top .gal_stuffs, #gal_below .gal_stuffs{width: 50%; margin: 10px auto;}
  #gallery_div{background: none; background-color: #00A3D9; opacity: 0.8;}
  #contact_us_div{background: none;background-color: #59B200;opacity: 0.8;}
  #footer_logo{margin-top: 10px;}
  #footer_stuffs .socials{margin: 0 auto;}
  .ctc-form button{background: #00A3D9}
  #services_div{background-size: cover;}
  #gallery_div h3,#gallery_div h2{color: #fff;}

}

@media screen and (max-width: 645px){
    #header_top p{margin: 0;}
    #header_top .row{justify-content: space-around;}
    #banner_stuffs h2{font-size: 28px;}
    #banner_stuffs p{width: 95%;margin: 5px auto;}
}

@media screen and (max-width: 615px){
    #services_div h3::before{display: none;}
}

@media screen and (max-width: 525px){
    #header_top .row{flex-direction: column;align-items: center;}
    #header nav{top: -120px;}
}

@media screen and (max-width: 480px){
    .inner #banner_stuffs h2 span{display: inline-block;}
    .inner #banner_stuffs h2{width: 100%;}
}

@media screen and (max-width: 425px){
    #banner_stuffs h2{font-size: 20px;}
    #banner_stuffs p{font-size: 14px;}
    #banner_stuffs .buttons{padding: 5px;}
    #banner_stuffs{padding: 20px 0;}
    #WC_Right{padding-left: 0;}
    #services_div{padding: 0 0 10px 0;}
    #contact_stuffs h4{margin: 0 auto 10px;}
}
@media screen and (max-width: 375px){
    #header_below img{width: 65%;}
    #banner_stuffs h2{width: 100%;}
    #banner_stuffs h2 span{display: inline-block;}
    #banner_stuffs{padding: 10px 0 20px;}
    #WC_Right h2{font-size: 50px;}
    #serv_gal .serv_gal_stuffs{width: 80%;margin: 15px auto;}
    #contact_stuffs h4{font-size: 18px;}
    #gal_top, #gal_below{margin-top: 0;}
    #contact_us_div{padding: 20px 0 5px 0;}
    #footer_logo{width: 70%;}
    #gal_top .gal_stuffs, #gal_below .gal_stuffs{width: 75%;}
    .inner #content h1{font-size: 50px;}
}

@media screen and (max-width: 320px){
    #WC_Right h2{font-size: 35px;}
    #WC_Right h3{font-size: 28px;}
    #services_div h2{font-size: 35px;}
    #testi_div h2{font-size: 35px;}
    #gallery_div h2{font-size: 35px;}
    #contact_us_div h3{font-size: 18px;}

}