body {font-family:'Source Sans Pro',sans-serif; padding:0; margin:0; }
#header
{
	padding:0px;
	position:relative;
	background:#000;
}
#header-wrap
{
	width:1280px;
	margin:auto;
	height:35px;
	padding:0 !important; 
}
#header-wrap:before, #header-wrap:after {
  display: table;
  content: " ";
}
#header-wrap:after {
  clear: both;
}

.phone {float: left;
margin: 0;
width: 180px;}
.email {float: right;
margin: 0;
width: 210px;
}
.logo a img {width:250px;}

#header-text {width:100%; float:left; height:35px;}
.social { float: right;
margin: 8px 0 0 0;
padding: 0;
width: 410px;
text-align: left;} 

.banner-all-slider-part {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

.back-to-top {position: fixed; bottom: 2em; right: 2px; text-decoration: none; color: #ffffff; margin:10px; padding: 1em; display: none; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
.menu {margin: 10px 0 0 300px;}
.header-logo {margin: 0 auto;padding: 15px 0;width:1280px;}
.header-part {background:#000; width:100%; float:left;}
.logo-part {width: 30%;float: left; margin:0 0 15px 0; }
.menu-part { width: 55%;float: right; margin:20px 0 0 0; }


<!---------------------------------banner------------------------------>
.lp-teaser {
    min-height: 400px;
}


.lp-teaser > div {
    padding-top:35px;
}
.lp-teaser > div {
    text-align: center;
    width: 100%;
    padding-top:35px;
}
.row {
    margin: 0 auto;
    max-width: 68.75rem;
    width: 100%;
}

.row::before, .row::after {
    content: " ";
    display: table;
}

.lp-teaser {
    min-height: 400px;
}

.lp-teaser {
    text-align: center;
    position: relative;
    overflow: hidden;
    background-position: top center;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
	}
.lp-teaser > div .large-12.columns {

  padding-left: -0.062rem;
    padding-right: .9375rem;
	position: relative;
	float:left;


}
.large-12 {
    width: 100%;
}

.lp-teaser > div h1 {
    font-size: 40px;
}
.lp-teaser > div h1 {
    font-weight: 400;
    text-align: center;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.lp-teaser h1 {
    margin-top: 0 !important;
}
h1 {
    text-transform: uppercase;
    text-align: center;
    background-image:url(images/design-line_gold.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 185px 2px;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    color: inherit;
}

.lp-teaser > div h2 {
    font-size: 22px;
}
.lp-teaser > div h2 {
   font-size: 22px;
font-family: cursive;
color: #fff;
font-weight: normal;
}
.reddfont {
	font-size:19px; color:white; font-family: 'Source Sans Pro',sans-serif;
}
<!---------------------------------banner------------------------------>


<!---------------------------------ourphilosophy------------------------------>

.ourphilosophy {width:100%; float:left; margin:20px 0; font-size:17px;font-family: initial;}
.outtitle {padding:0 0 8px 0;
font-size: 28px;
color: #000;
width: 100%;
text-align: center;
margin: 20px 0;
font-family: initial;
//*background-image: url(images/design-line_gold.png);*//
background-repeat: no-repeat;
background-position: bottom center;
}

.outcontent { 
margin: 0 auto;
padding: 0;
width: 90%;
font-size: 15px;
line-height: 28px;
text-align: center;
font-family: verdana;}

.imgone {margin:0; padding:0; float:left;text-align: center;

font-size: 18px;

line-height: 50px;

font-family: verdana; }
.our-banner {margin: 30px auto;
width: 88%;}
.our-banner img {
	width:100%;
}
.imgone a {
      display: block;
      position: relative;
      overflow: hidden;
    }
 .imgone img {
      width: 96%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .imgone:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
	
.outstep {padding: 0;width: 88%;margin: 0 auto;font-family:'Source Sans Pro',sans-serif;font-size: 17px;}
	
.contact-left {float:left; width:29%; margin:0 2% 0 0; padding:15px; text-align:left;}	
.contact-middel {float:left; width:29%; margin:0 2% 0 0; padding:15px; text-align:left;}	
.contact-right {float:left; width:36%; margin:0; padding:15px; text-align:left;}
.contact-title {font-size: 23px;   margin: 0 0 15px 0;    text-transform: uppercase;    font-family: 'Belleza',sans-serif;}
.contact-title1 {font-size: 23px;   margin: 28px 0 15px 0;    text-transform: uppercase;    font-family: 'Belleza',sans-serif;}	

.fotter-line {width: 100%;

float: left;

font-size: 13px;

color: #fff;

text-align: center;

font-family: verdana;

padding: 30px 0 10px 0;}




.contact-form {float: left;width: 100%;padding: 8px 0;}
.input, .text, .refer-us .contact-form textarea, textarea{border: 0 none;color: #272727;font-size: 13px;margin-bottom: 10px;padding: 2%;width: 96%;background: #fff;font-family: verdana; border-radius: 5px;
height: 26px;}
.submit input {background: #008a00;border: medium none;	color: #fff;cursor: pointer;font-size: 14px;margin-left: 35%;padding: 2%;width: 35%;margin:10px auto; border-radius:5px;}
.input[type=text]:focus, textarea:focus {box-shadow: 0 0 5px #2c3e50;}
.input[type=text]:focus, input:focus { box-shadow: 0 0 5px #2c3e50;}
.captch-code { background: #fff;border: medium none;font-family: Modern;font-weight: bold;padding: 5px 0;text-align: center;width: 85%; float:left; margin:10px 0 0 0;}
.refresh-btn {background: url("../images/refresh.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;cursor: pointer;float: left !important;font-size: 0; height: 25px !important;   width: 25px !important; margin:10px 0 0 15px;}
.enter-captch {color: #2c3e50;float: left;margin-top: 5px;}
.address-part {margin:10px 0; padding:0 15px;; color:#2c3e50; font-size:14px; float:left;}
.submit-btn {width:100% !important; border:0; margin:0 auto; color:#fff; padding:10px 0 !important; background:#008a00;cursor:pointer; }
.submit {margin:0 auto; width:100%;}
	
@media (max-width: 1024px) {

#header-wrap {
	width:100%;
	height:auto;
}

.menu {float: right;max-width: 705px;margin:0; width:100%;}
}




@media (max-width: 768px) {

.contact-left {float:left; width:100%; margin:0; padding:15px 0; text-align:left;}	
.contact-middel {float:left; width:100%; margin:0; padding:15px 0; text-align:left;}	
.contact-right {float:left; width:100%; margin:0; padding:15px 0; text-align:left;}


}




@media (max-width: 480px) {

.header-logo { width:100%;}
.logo-part { text-align:center; width:100%;}

#header-text {

    width: 100%;
    float: left;
    background: #000;
    line-height: 25px;

}
.logo a img {width:200px;}
.social {

    float: left;
    margin: 5px 0 0 0;
    padding: 0;
    width: 100%;

}

.phone {

    float: right;
	margin: 0 10px 0 0;
	width: 43%;
	text-align: right;

}

.email {
    float: left;
	margin: 0 0 0 10px;
    width: 50%;
}

.reddfont {
font-size:14px;
}
.banner-all-slider-part a img {
	width:100%;
	float:left;
}
.lp-teaser {
    min-height: auto;
}
.back-to-top {
    position: fixed;
    bottom: 0;
    right: 0;
    text-decoration: none;
    color: #ffffff;
	margin: 0;
	padding: 1em;
}
.back-to-top img {
	width:35px;
}
.contact-middel {
	padding:0;
}
.contact-left {
	padding:0;
}
.contact-title1 {
	margin:0 0 15px 0;
}
.contact-right {width:100%;}



}