@charset "utf-8";
/* CSS Document */
@media only screen and ( max-width:1280px) {
}

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

/*header css start*/
.header { width:98%; margin:0 auto; }
.logo { width:60%; margin:0px auto; float:none; }
.logo img { width:100%; }
.phone_main { width:98%; margin:0 auto;  float:none; }
.fee { width:85%; float:none; margin-top:20px; }
.phone { width:66%; margin:0 auto; float:none; text-align:center;  }
/*callback form css end*/

/*content css start*/
.content { width:100%; margin:0 auto; }
.content_web { width:100%; margin:0 auto; }
/*content css end*/

/*welcome css start*/
.wel { width:98%; margin:0 auto;  }
.wel h1 { font-family: 'Asap', sans-serif; font-size:28px; color:#27384a; }
.wel p { font-family: "Roboto",sans-serif; font-size:16px; color:#000; line-height:1.6em; font-style:normal; }
/*welcome css end*/

/*content webpages css start*/
.content_web_main { width:100%; margin:0 auto; margin-top:30px; }
.content_web { width:98%; margin:0px auto; overflow:hidden; margin-bottom:10px;}
.leftpanel{ width:56%; float:left; margin-right:auto;}
.rightpanel { width:40%; float:right;}
/*content webpages css end*/

/*webpage weldiv css start*/
.weldiv{}
.weldiv h1 { font-size:130%; }
.weldiv .body_text{  font-size:100%;  line-height:1.8em; }
/*webpage weldiv css end*/

/*adv css start*/
.adv { width:98%; margin:0 auto;}
.adv .box1 { width:21%; float:left; margin-right:4.5%; }
.adv .box2 { width:21%; float:left;  }
.adv h2 {  font-size:150%;  }
.button { height:auto; width:98%; cursor: pointer; margin-right:4%; }
/*adv css end*/

/*callback form css start*/
.callback { }
.form_w { width:100%;  border:1px solid #cccccc; color:#000; padding:5px 0px 5px 0; margin:3px 0px 3px 0; outline:none; text-indent:5px; border-radius:3px; }
/*callback form css end*/

/*Testimonials css start*/
.testimonial_main { width:100%; float:left; }
.clearfix:before { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.testimonial_main h2 { font-family: 'Asap', sans-serif; font-size:22px; color:#27384a; padding-bottom:10px; }

.testimonials blockquote { width:309px; margin:0; padding:0; position:relative; padding:15px 0 15px 0; border-radius:8px; color:#333; font-family:'Istok Web', sans-serif; font-size:13px; line-height:1.8em; margin-bottom:20px; text-align:justify; }
/*Testimonials css end*/

/*result css start*/
.result_main { margin-bottom:20px;}
.result_main h2 {  font-size:130%;  }
.result{ width:100%; margin:0px auto;}
.resultbox1 li{ height:270px;}
.resultbox1{ width:16%;  float:left; margin-left:10px; margin-right:10px;  background: url(../images/map-bg.html)  no-repeat #fff; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; padding: 8px 23px 2px; border:1px solid #00a0e4;}
/*result css end*/

/*bot adv css start*/
.bot_content { width:100%; margin:0 auto;}
.bot_adv { width:98%; margin:0 auto; overflow:hidden; }
.bot_adv .box1 { width:31%; float:left; margin-right:3%; }
.bot_adv .box2 { width:31%; float:left; }

.icon { width:140px; margin:0px auto; height:24px; float:none; }
/*bot adv css end*/

/*bot links css start*/
.bot { width:98%; margin:0 auto;  }
.bot h4 { font-size:120%; color:#27384A; }
.bot p {  font-size:80%; color:#262626; margin-top:-7px; }
.bot span { font-family:'Istok Web', sans-serif; font-size:80%;}

.bot .link1 { width:23%; height:auto !important; float:left; margin-right:13px; border-right:#CCC 1px solid; }
.bot .link2 { width:23%; height:auto !important; float:left; }
/*bot links css end*/

/*footer css start*/
.footer_main { width:100%; margin:0 auto; }
.footer { width:98%; margin:0 auto; overflow:hidden; }

.foot_l { width:45%; float:left; overflow:hidden; }
.foot_r { width:45%; float:right; }

.name { font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; line-height:2.5em; text-transform:uppercase; padding-left:10px; }
.name a {color:#FFF; text-decoration:none; }
.name a:hover {color:#ff781d; text-decoration:none; }

.copy_right {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#88A1AD; line-height:2.5em; text-transform:uppercase; }
.copy_right a {color:#88A1AD; text-decoration:none; }
.copy_right a:hover {color:#ff781d; text-decoration:none; }

.bot_link { font-family:'Istok Web', sans-serif; font-size:12px; color:#88A1AD; line-height:2.5em; text-align:left; }
.bot_link a { text-decoration:none; color:#88A1AD; padding:0 10px 0 10px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.bot_link a:hover { color:#ff781d; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; } 
.powered_by { text-align:right; }
/*footer css end*/

.web_banner { width:100%; height:auto }

/*Photo Gallery box css start*/
.gallery .gallery_box { width:98%;  float:none; margin-right:0px;  }
.gallery .gallery_box img { width:100%;}
/*Photo Gallery box css start*/

}

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

/*header css start*/
.header { width:98%; margin:0 auto; }
.logo { width:80%; margin:0px auto; float:none; }
.logo img { width:100%; }
.phone_main { width:98%; margin:0 auto;  float:none; }
.fee { width:100%; margin:0px auto; text-align:center; float:none; margin-top:20px; }
.fee img { margin-bottom:10px;}
.phone { width:100%; margin:0 auto; float:none; text-align:center;  }
/*callback form css end*/

.banner { width:100%; margin:0px auto;  height:auto;}

/*content css start*/
.content { width:100%; margin:0 auto; }
/*content css end*/

/*content webpages css start*/
.content_web_main { width:100%; margin:0 auto;  margin-top:30px; }
.content_web { width:98%; margin:0px auto; }
.leftpanel{ width:97%;  margin:0px auto;  float:none; margin-right:auto;}
.rightpanel { width:98%; margin:0px auto;  float:none; margin-top:10px;}
/*content webpages css end*/

/*webpage weldiv css start*/
.weldiv{}
.weldiv h1 { font-size:130%;  }
.weldiv .body_text{font-size:100%;  }
/*webpage weldiv css end*/

/*welcome css start*/
.wel { width:98%; margin:0px auto;  }
.wel h1 {font-size:130%; }
.wel p {  font-size:110%;}
/*welcome css end*/

/*adv css start*/
.adv { width:98%; margin:0 auto;  }
.adv .box1 { width:97%; float:none; margin-right:0px; margin-bottom:40px;}
.adv .box2 { width:97%; float:none; }
.adv h2 { font-size:140%;  margin-bottom:10px;  }
.button { height: 80px; width: 190px; cursor: pointer; margin: 20px auto; }
/*adv css end*/

/*callback form css start*/
.callback { }
.callback h2 { font-size:130%;}
.form_text {font-size:100%; color:#000; }
.form_w { width:98%; }
/*callback form css end*/

/*callback form webpages css start*/
.callback_webpage { }
.callback_webpage h2 { font-size:130%; }
.callback_webpage .form_text { font-size:100%; color:#000; }
.callback_webpage .form_w { width:98%;}
/*callback form webpages css end*/

/*news css start*/
.news { margin-bottom:10px; margin-top:30px; }
.news h2 {  font-size:130%;  text-align:center;}
.news .text { font-size:100%; }
/*news css end*/

/*testimonial css start*/
.testimonial_main{  width:98%;  margin:0px auto; float:none; margin-top:10px;}
.testimonial_main h2{ font-size:130%; text-align:center;}
.testimonials blockquote { width:100%;  font-size:100%;}
/*testimonial css end*/

/*result css start*/
.result_main { width:100%;  }
.result_main h2 { font-size:130%;  }
.result{ width:98%; margin:0px auto;}
.resultbox1 li{ height:auto;}
.resultbox1{ width:90%; margin:0px auto;  float:none; margin-right:0px; margin-bottom:10px;}
.resultbox1 img { max-width: 100%; display: block; margin: 0 auto;}
.resultbox1 h3 { font-size:110%; }
.resultbox1 p {font-size:100%;}
.resultbox1 span { font-size:100%; }
.resultbox1 h2{font-size:130%; }
/*result css end*/

/*bot adv css start*/
.bot_content { width:100%; margin:0 auto;}
.bot_adv { width:98%; margin:0px auto;  }
.bot_adv .box1 { width:98%; margin:0px auto; float:none; margin-right:0px; }
.bot_adv .box2 { width:98%; margin:0px auto;  float:none; }

.icon { width:40%; margin:0px auto; height:auto; float:none; margin-top:10px;  }
.icon li { float:left; text-align:center;}
.icon li a { display:block; text-decoration:none; padding:0 3px 0 3px; }
/*bot adv css end*/

/*bot links css start*/
.bot { width:98%; margin:0 auto;}
.bot h4 { font-size:150%; text-align:center; line-height:20px; padding-top:10px;  }
.bot p { font-size:130%;  text-align:center; margin-top:0px; }
.bot span {font-size:130%; text-align:center;}
.bot .link1 { width:98%; height:auto !important; float:none; margin-right:0px; border-right:none; text-align:center; margin-bottom:10px; }
.bot .link2 { width:98%; height:auto !important; float:none; text-align:center; display:block; clear:both; padding-top:20px;  }
/*bot links css end*/

/*footer css start*/
.footer_main { }
.footer { width:98%; margin:0px auto;  }
.foot_l { width:98%; margin:0px auto;  float:none;  }
.foot_r { width:98%; margin:0px auto;  float:none; }
.name { font-size:100%;  padding-left:0px; text-align:center; }
.copy_right {font-size:100%; text-align:center;}
.bot_link {font-size:100%; text-align:center;}
/*footer css end*/

/*result css start*/
.result_webpage { width:90%; margin:0px auto; margin-top:8px; margin-bottom:8px;  }
/*result css end*/

.web_banner { width:100%; height:auto }

/*onload popup css start*/ 
#enquirypopup .modal-dialog { width:90%; margin:0px auto;  margin-top:100px;  }
#enquirypopup .popup_from .popup_from_inner .form-group input.code {  width:65%;}
/*onload popup css end*/ 

}

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

/*header css start*/
.header { width:100%; height:auto;}	
.logo { width:96%; margin:0px auto; text-align:center; margin-bottom:10px; float:none;}
.phone_main { width:90%; margin:0px auto; float:none; text-align:center; margin-top:0px; text-align:center; }
.phone { width:100%; margin:0px auto; float:none; text-align:center;   font-size:160%; }
.phone i { margin-bottom:8px;}
/*header css end*/

.banner { width:100%; margin:0px auto;  height:auto;}

/*content css start*/
.content { width:100%; margin:0 auto; }
/*content css end*/

/*welcome css start*/
.wel { width:96%; margin:0px auto;  }
.wel h1 {font-size:130%; }
.wel p {  font-size:100%;}

/*welcome css end*/

/*adv css start*/
.adv { width:98%; margin:0 auto;  }
.adv .box1 { width:96%; float:none; margin-right:0px; margin-bottom:40px;}
.adv .box2 { width:96%; float:none; }
.adv h2 { font-size:140%;  margin-bottom:10px;  }
.adv p { font-size:100%;  margin-bottom:10px;  }
/*adv css end*/

/*callback form css start*/
.callback { }
.callback h2 { font-size:130%;}
.form_text {font-size:100%; color:#000; }
.form_w { width:98%; }
/*callback form css end*/

/*news css start*/
.news { margin-bottom:10px; }
.news h2 {  font-size:130%;  text-align:center;}
.news .text { font-size:100%; }
/*news css end*/

/*testimonial css start*/
.testimonial_main{  width:98%;  margin:0px auto; float:none; margin-top:10px;}
.testimonial_main h2{ font-size:130%; text-align:center;}
.testimonials blockquote { width:100%;  font-size:100%;}
/*testimonial css end*/

/*result css start*/
.result_main { width:100%;  }
.result_main h2 { font-size:130%;  }
.result{ width:98%; margin:0px auto;}
.resultbox1 li{ height:auto;}
.resultbox1{ width:84%; margin:0px auto;  float:none; margin-right:0px; margin-bottom:10px;}
.resultbox1 img { max-width: 100%; display: block; margin: 0 auto;}
.resultbox1 h3 { font-size:110%; }
.resultbox1 p {font-size:100%;}
.resultbox1 span { font-size:100%; }
.resultbox1 h2{font-size:130%; }
/*result css end*/

/*bot adv css start*/
.bot_content { width:100%; margin:0 auto;}
.bot_adv { width:98%; margin:0px auto;  }
.bot_adv .box1 { width:98%; margin:0px auto; float:none; margin-right:0px; }
.bot_adv .box2 { width:98%; margin:0px auto;  float:none; }

.icon { width:60%; margin:0px auto; height:auto; float:none; margin-top:10px;  }
.icon li { float:left; text-align:center;}
.icon li a { display:block; text-decoration:none; padding:0 3px 0 3px; }
/*bot adv css end*/

/*bot links css start*/
.bot { width:98%; margin:0 auto;}
.bot h4 { font-size:150%; text-align:center; line-height:20px; padding-top:10px;  }
.bot p { font-size:110%;  text-align:center; }
.bot span {font-size:110%; text-align:center;}
.bot .link1 { width:98%; height:auto !important; float:none; margin-right:0px; border-right:none; text-align:center; margin-bottom:10px; }
.bot .link2 { width:98%; height:auto !important; float:none; text-align:center; display:block; clear:both; padding-top:20px;  }
/*bot links css end*/

/*footer css start*/
.footer_main { }
.footer { width:98%; margin:0px auto;  }
.foot_l { width:98%; margin:0px auto;  float:none;  }
.foot_r { width:98%; margin:0px auto;  float:none; }
.name { font-size:90%;  padding-left:0px; text-align:center; }
.copy_right {font-size:90%; text-align:center;}
.bot_link {font-size:82%; text-align:center;}
/*footer css end*/

/*result css start*/
.result_webpage { width:84%; margin:0px auto; margin-top:8px; margin-bottom:8px;  }
/*result css end*/

.web_banner { width:100%; height:auto }

/*onload popup css start*/ 
#enquirypopup .modal-dialog { width:84%; margin:0px auto;  margin-top:100px;  }
/*onload popup css end*/ 

}

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

/*header css start*/
.header { width:100%; height:auto;}	
.logo { width:98%; margin:0px auto; text-align:center; margin-bottom:10px; float:none;}
.logo img { width:94%; height:auto; text-align:center;}
.phone_main { width:90%; margin:0px auto; float:none; text-align:center; margin-top:0px; text-align:center; }
.fee img { width:90%; }
.phone { width:100%; margin:0px auto; float:none; text-align:center;   font-size:120%; }
/*header css end*/

.banner { width:100%; margin:0px auto;  height:auto;}

/*content css start*/
.content { width:100%; margin:0 auto; }
/*content css end*/

/*welcome css start*/
.wel { width:98%; margin:0px auto;  }
.wel h1 {font-size:130%; }
.wel p {  font-size:110%;}
/*welcome css end*/

/*adv css start*/
.adv { width:98%; margin:0 auto;  }
.adv .box1 { width:95%; float:none; margin-right:0px; margin-bottom:40px;}
.adv .box2 { width:95%; float:none; }
.adv h2 { font-size:140%;  margin-bottom:10px;  }
.adv p { font-size:100%;  margin-bottom:10px;  }
/*adv css end*/

/*callback form css start*/
.callback { }
.callback h2 { font-size:130%;}
.form_text {font-size:100%; color:#000; }
.form_w { width:98%; }
/*callback form css end*/

/*news css start*/
.news { margin-bottom:10px; }
.news h2 {  font-size:130%;  text-align:center;}
.news .text { font-size:100%; }
/*news css end*/

/*testimonial css start*/
.testimonial_main{  width:98%;  margin:0px auto; float:none; margin-top:10px;}
.testimonial_main h2{ font-size:130%; text-align:center;}
.testimonials blockquote { width:100%;  font-size:100%;}
/*testimonial css end*/

/*result css start*/
.result_main { width:100%;  }
.result_main h2 { font-size:130%;  }
.result{ width:96%; margin:0px auto;}
.resultbox1 li{ height:auto;}
.resultbox1{ width:77%; margin:0px auto;  float:none; margin-right:auto; margin-bottom:10px;}
.resultbox1 img { max-width: 100%; display: block; margin: 0 auto;}
.resultbox1 h3 { font-size:110%; }
.resultbox1 p {font-size:100%;}
.resultbox1 span { font-size:100%; }
.resultbox1 h2{font-size:130%; }
/*result css end*/

/*bot adv css start*/
.bot_content { width:100%; margin:0 auto;}
.bot_adv { width:98%; margin:0px auto;  }
.bot_adv .box1 { width:98%; margin:0px auto; float:none; margin-right:0px; }
.bot_adv .box2 { width:98%; margin:0px auto;  float:none; }
.icon { width:80%; margin:0px auto; height:auto; float:none; margin-top:10px;  }
.icon li { float:left; text-align:center;}
.icon li a { display:block; text-decoration:none; padding:0 3px 0 3px; }
/*bot adv css end*/

/*bot links css start*/
.bot { width:98%; margin:0 auto;}
.bot h4 { font-size:120%; text-align:center; line-height:20px; padding-top:10px;  }
.bot p { font-size:110%;  text-align:center; }
.bot span {font-size:110%; text-align:center;}
.bot .link1 { width:98%; height:auto !important; float:none; margin-right:0px; border-right:none; text-align:center; margin-bottom:10px; }
.bot .link2 { width:98%; height:auto !important; float:none; text-align:center; display:block; clear:both; padding-top:20px;  }
/*bot links css end*/

/*footer css start*/
.footer_main { }
.footer { width:98%; margin:0px auto;  }
.foot_l { width:98%; margin:0px auto;  float:none;  }
.foot_r { width:98%; margin:0px auto;  float:none; }
.name { font-size:76%;  padding-left:0px; text-align:center; }
.copy_right {font-size:76%; text-align:center;}
.bot_link {font-size:70%; text-align:center;}
/*footer css end*/

/*result css start*/
.result_webpage { width:79%; margin:0px auto; margin-top:8px; margin-bottom:8px;  }
/*result css end*/

.web_banner { width:100%; height:auto }

}