@media screen and (min-width:180px)and (max-width:449px){
header, nav, section,artical, footer, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11,.col-lg-12{float:none; display:block; width:96%; padding:0;}
.col-lg-2{ width:46%; float:left; padding:2%; text-align:center}
ul.menu{ text-align:center;}
#slider{width:96%; height:350px; overflow:hidden;}
#main-navigation, #banner{ display:none;}

p.style13 a{ width:92%; background-color:#ececec; display:inline-block;  height:30px; line-height:30px; border-bottom:1px solid #FFF; margin:0 auto;}
p.style13 a:hover{ background-color:#484039; color:#fff;}
li.services-dropdown-list{ background-color:#006cb5; text-indent:20px; width:100%; margin:0 auto; font-size:15px; height:25px; line-height:25px; display:inline-block; color:#fff;}
ul.accordian{width:99%; margin:0; padding:0; list-style:none; list-style:none;}
ul.accordian li:hover{background:#5f5f5f}
ul.accordian li{ cursor:pointer; -moz-border-radius:0 10px 0 10px; border:1px solid #666666; padding:5px 5px 5px 0px;}
ul.accordian div{color: #666666; cursor:auto; display: none; font-size:13px; padding: 5px 0 5px 0px; text-decoration: none; }
ul.accordian div a{color:#000000; margin-left:12px; text-indent:20px;}
ul.accordian li div:hover{text-decoration:none !important;}
ul.accordian li:before {content: "+"; padding:10px 10px 10px 0; color:#fff; font-weight:bold;}
ul.accordian li.active:before {content: "-"; padding:10px 10px 10px 0; color:red; font-weight:bold;}
#toggle{width:100%; margin:0 auto;}

.lg-clrfix{ clear:both; width:100%; height:0; display:block;}
p.story{text-align:justify; max-width:90%; margin:0 auto;}

.service-box{display:block; width:96%;}
input.text{width:98%;}

.submit-btn{ width:50%;}

h1.style-h1{ font-size:160%;}
h2.style-h2{ font-size:150%; margin:5% 0 2% 0}
h3.style-h3{ font-size:148%; margin:5% 0 2% 0}

.mob-hide{ display:none}

.left_service_box,.right_service_box{ width:90%; float:none; display:block; margin:2% auto}
.left_service_box,.right_service_box span{ text-align:center}
.right_service_box p{ width:96%; margin:auto;}
ul.social_menu,.call_font{ margin-bottom:3%}
input.feedback_name,textarea.feedback_msg{float:none; width:100%}

}
@media screen and (min-width:450px)and (max-width:639px){
.sxm-clrfix{ clear:both; width:100%; height:0; display:block;}
#main-navigation, #banner, .about-us{ display:none;}
#toggle{width:100%; margin:0 auto;}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11,.col-sxm-12{ width:100%; display:block;}
.col-sxm-6{ width:50%; float:left;}
header, nav, section,artical, footer, .col-lg-12{ width:98%; padding:0 1%;}
#nav li a { padding:0px 10px;}
#slider{height:100%;}

h1.style-h1{ font-size:200%;}
h2.style-h2{ font-size:150%; margin:5% 0 2% 0}
h3.style-h3{ font-size:148%; margin:5% 0 2% 0}

p.style13 a{ width:92%; background-color:#ececec; display:inline-block;  height:30px; line-height:30px; border-bottom:1px solid #FFF; margin:0 auto;}
p.style13 a:hover{ background-color:#484039; color:#fff;}
li.services-dropdown-list{ background-color:#006cb5; text-indent:20px; width:100%; margin:0 auto; font-size:15px; height:25px; line-height:25px; display:inline-block; color:#fff;}
ul.accordian{width:98%; margin:0; padding:0; list-style:none; list-style:none;}
ul.accordian li:hover{background:#5f5f5f}
ul.accordian li{ cursor:pointer; -moz-border-radius:0 10px 0 10px; border:1px solid #666666; padding:5px 5px 5px 0px;}
ul.accordian div{color: #666666; cursor:auto; display: none; font-size:13px; padding: 5px 0 5px 0px; text-decoration: none; }
ul.accordian div a{color:#000000; margin-left:12px; text-indent:20px;}
ul.accordian li div:hover{text-decoration:none !important;}
ul.accordian li:before {content: "+"; padding:10px 10px 10px 0; color:#fff; font-weight:bold;}
ul.accordian li.active:before {content: "-"; padding:10px 10px 10px 0; color:red; font-weight:bold;}
#toggle{width:100%; margin:0 auto;}

p.story{ font-size:140%; max-width:96%; margin:0 auto;}
.mob-hide{ display:none}
input[type='text'],select,input[type='submit']{width:90%;}
.service-box{ width:46%; float:left;}
.service-box h2{font-size:120%}
.enquiry_form,.event{width:45%; float:left; margin:0 2%}

.left_service_box,.right_service_box{ width:46%;}
input.feedback_name,textarea.feedback_msg{float:none; width:99%}
input.feedback_sbt{width:40%;}
}
@media screen and (min-width:640px)and (max-width:767px){
.xm-clrfix{ clear:both; width:100%; height:0; display:block;}
#banner, .about-us{ display:none;}
#toggle{ display:none;}
.col-xm-2{ width:16.66666667%}
.col-xm-3{ width:25%;}
.col-xm-4{ width:33.33333333%;}
.col-xm-5{ width:41.66666667%}
.col-xm-6{ width:50%;}
.col-xm-7{ width:58.33333333%;}
.col-xm-8{ width:66.66666667%}
.col-xm-9{ width:75%;}
.col-xm-10{ width:83.33333333%;}
.col-xm-11{ width:91.66666667%}
.col-xm-1, .col-xm-2, .col-xm-3, .col-xm-4, .col-xm-5, .col-xm-6, .col-xm-7, .col-xm-8, .col-xm-9, .col-xm-10, .col-xm-11{float:left;}
header, nav, section,artical, footer, .col-xm-12{ width:98%; padding:0 1%;}
#nav li a { padding:0 15%; font-size:100%}
#slider{height:100%;}

h1.style-h1{ font-size:200%;}
h2.style-h2{ font-size:150%; margin:5% 0 2% 0}
h3.style-h3{ font-size:148%; margin:5% 0 2% 0}

p.story{ font-size:140%; max-width:96%; margin:0 auto;}
.mob-hide{ display:none}
input[type='text'],select,input[type='submit']{width:90%;}
.enquiry_form,.event{width:45%; float:left; margin:0 2%}
.left_service_box{ width:38%;}
.right_service_box{ width:55%;}
input.feedback_name,textarea.feedback_msg{float:none; width:99%}
input.feedback_sbt{width:40%;}
}

@media screen and (min-width:768px)and (max-width:979px){
.sm-clrfix{ clear:both; width:100%; height:0; display:block;}  	
#toggle{ display:none;}
.col-sm-2{ width:16.66666667%}
.col-sm-3{ width:25%;}
.col-sm-4{ width:33.33333333%;}
.col-sm-5{ width:41.66666667%}
.col-sm-6{ width:50%;}
.col-sm-7{ width:58.33333333%;}
.col-sm-8{ width:66.66666667%}
.col-sm-9{ width:75%;}
.col-sm-10{ width:83.33333333%;}
.col-sm-11{ width:91.66666667%}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11{float:left;}
header, nav, section,artical, footer, .col-sm-12{ width:98%; padding:0 1%;}
#nav li a { padding:0 20%; font-size:100%}
#slider{height:100%;}

p.story{ font-size:120%; max-width:96%; margin:0 auto;}

.submit-btn{ width:50%;}
}
@media screen and (min-width:980px)and (max-width:1279px){
.md-clrfix{ clear:both; width:100%; height:0; display:block;}	
#toggle{ display:none;}
.col-sm-2{ width:16.66666667%}
.col-md-3{ width:25%;}
.col-md-4{ width:33.33333333%;}
.col-md-5{ width:41.66666667%}
.col-md-6{ width:50%;}
.col-md-7{ width:58.33333333%;}
.col-md-8{ width:66.66666667%}
.col-md-9{ width:75%;}
.col-md-10{ width:83.33333333%;}
.col-md-11{ width:91.66666667%}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11{float:left;}
header, nav, section,artical, footer, .col-md-12{ width:98%; padding:0 1%;}
#nav li a { padding:0 22%;}

p.story{ font-size:140%; max-width:96%; margin:0 auto;}
}
@media screen and (min-width:1280px)and (max-width:1600px){
#toggle{ display:none;}
.lg-clrfix{ clear:both; width:100%; height:0; display:block;}
.col-lg-1{ width:8.33333333%;}/*---- 97.5px ---*/
.col-lg-2{ width:16.66666667%}/*---- 195px ---*/
.col-lg-3{ width:25%;}/*------------ 292.5px ---*/
.col-lg-4{ width:33.33333333%;}/*--- 390px ---*/
.col-lg-5{ width:41.66666667%}/*---- 487.5px ---*/
.col-lg-6{ width:50%;}/*------------ 585px ---*/
.col-lg-7{ width:58.33333333%;}/*--- 682.5px ---*/
.col-lg-8{ width:66.66666667%}/*---- 780px ---*/
.col-lg-9{ width:75%;}/*------------ 877.5px ---*/
.col-lg-10{ width:83.33333333%;}/*-- 970px ---*/
.col-lg-11{ width:91.66666667%}/*--- 1072.5px ---*/
.col-lg-12{ width:1170px; padding:0 15px;}/*---------- 1170px ---*/
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11{float:left; display:block;}
}