@charset "UTF-8";@media only screen and (min-width: 1024px) {
  .main-menu_mobile {display:none;}
  .banner-text p {font-size:16px;}
}

@media only screen and (min-width: 800px) and (max-width:1024px) {
.banner_inner {width: 100%;}
.slider {margin-top:20px;}
.banner-text { margin-right:0;  padding: 2%;width: 52%;}
.banner-text h3 {  font-size: 24px !important;  margin: 0px 0px 10px 0px !important;}
.contact-block {width: 100%; margin: 0 auto;}
.contact-block_inner {width: 96%;}
.banner-text p{width:100%;}
.bbanner {width:90%;}
.benefit h4 {font-size:18px;}
.main-menu_mobile {display:none;}
.contact-information {width:60%;}
.connect-whis-us {width:40%;} 

}
@media only screen and (max-width: 1024px) {
.main-menu_inner{width:100%;}
.head_inner {width:100%;}
.banner_inner{width:100%;}
#center {width:100%;}
.contact-block_inner {width:100%;}
.footer1_inner {width:100%;}
.footer2_inner {width:100%;}
/*.banner-text {width: 50%;float: right;margin-right: 2%;}*/
.benefit h4 {font-size:26px;}
.bannerul li { text-align: left;}
}
@media only screen and (max-width: 800px) {
.main-menu_inner {display:none;}
.main-menu_mobile ul li {display:table-row;}
.benefit h4 {height:34px;font-size:22px!important;}
#toggler {color:#fff;font-family: quattrocento;text-decoration: none;line-height: 2;padding-left: 42%;    font-weight: bold;}
.slogan h2 {font-size:30px;}
.logo {width:15%;}
.slogan {width: 85%;    text-align: center;}
.phone {font-size: 16px; position: absolute; top: 39px; right: 5px; width: 20%; margin: 0; padding: 7px 0; box-shadow: none;}
.phone img{ margin-right:0!important; margin-left: 10px; width: 15px; height: 15px; }
.contact {width: 85%;float: left;text-align: center;}
.slider {margin:15px 0 0 0;width: 40%;padding:0;}
.banner-text { margin-right:0;  padding: 2%;width: 54%;font-size:15px!important;}
.banner-text h3 {  font-size: 24px !important;  margin: 0px 0px 10px 0px !important;}
.bbanner {width:90%;}
.benefit h4 {font-size:14px;}
.btext {height: 65px; font-size:14px;}
.contact-information {font-size:14px;width:60%;}
.connect-whis-us {width:40%;} 
  .theme-default .nivoSlider {margin-bottom:0;}

}


@media only screen and (min-width: 568px) and (max-width:702px) {
  .head {height: 135px;}
  .phone {width: 30%; top:0;display: block;  position: initial;margin: 0 auto;}
.contact {
    width: 80%;
    float: left;
    /* text-align: center; */
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
  display: block;}
    .slider {width: 62%; margin: 0 auto !important;}
  .banner-text {width:100%;padding:10px;float:none !important;}
}
@media only screen and (min-width: 478px) and (max-width:507px) {
	.phone {  top:0;width: 32%!important;}
}
@media only screen and (max-width:354px) {
	.phone {  top:0;width: 45%!important;}
}

@media only screen and (max-width: 568px) {
.head {height: 135px;}
.benefit {width:100%;}
.banner-text h3 { font-size: 28px!important; }
.phone {  top:0;width: 50%!important; margin: 0 auto; left: 50%;} 
.btext {height:32px;}
  .slider {width: 84%;}
  .slider .moduletable{width: 100%; margin: 0 auto !important;}
}
@media only screen and (max-width: 604px) {
.contact-information {width:100%; margin-bottom: 0;}
.connect-whis-us {width:100%; float:none;}
.contact-information img {margin-bottom:0px;}
  .slider {margin-top:0px;}
  .banner-text {width: 95%;
    padding: 10px;
    float: none !important;
    display: inline-block;
    position: relative}
  .footer1_inner ul {text-align: center; padding-top: 5px;}
}
@media only screen and (max-width: 567px) {
.slogan h2 {font-size:18px;}
.logo {width:100%; float: none; }
.logo img { max-width: 100%; }
.slogan {width: 80%; text-align: center; display: none; }
.phone {width: 30%; top:0;display: block;  position: initial;}
.contact {
    width: 100%;
    float: left;
    /* text-align: center; */
    margin-top: -5px;
    margin-bottom: 10px;
    position: relative;
  display: block;}
}
@media only screen and (min-width: 0px) and (max-width: 428px) {
	.banner-text h3 { font-size: 16px!important; }
	.phone { width: 50%!important; margin: 0 auto; left: 50%;}
  .slider {width:100%;}
  img.se {width:100%;height:auto;margin: 10px 0 !important;}
}
@media only screen  and (min-width:429px) and (max-width: 478px) {
	.banner-text h3 { font-size: 25px!important; }
	.phone { width: 35% !important; top:0;}
}
@media only screen and (max-width: 414px) {
#toggler {padding-left: 33%;}
.banner_inner img {width:85%; margin-right:0 !important;}
.contact-block table td {    padding-right: 10px;
    font-size: 10px;
    padding: 2px;}
.footer1_inner ul li a{font-size:12px;}
}
