@media screen and (min-width:180px)and (max-width:639px){

header, nav, section, footer, .col-lg-3, .col-lg-2, .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:none; display:block; width:96%; padding:0; }

.style1{ margin:0;}
.style2{ margin:0;}
#main-navigation, #banner, #about-us, .services, #blanck-div{ display:none;}

p.style13 a{ width:100%; 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:#999;}
li.services-dropdown-list{ background-color:#e5a723; text-indent:20px; width:100%; margin:0 auto; font-size:15px; height:25px; line-height:25px; display:inline-block; color:#fff;}
ul.accordian{width:100%; margin:0 auto; padding:0; list-style:none; list-style:none;}
ul.accordian li:hover{background:#999;}
ul.accordian li{ cursor:pointer; -moz-border-radius:0 10px 0 10px; border:1px solid #aa780f; padding:5px 0px 5px 0px; margin:0 auto;}
ul.accordian div{color: #666666; cursor:auto; display: none; font-size:13px; padding:0px; text-decoration: none; }
ul.accordian div a{color:#000000; 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:94%; margin:0 auto;}

.content{width:94%; margin-top:0px; border-top:1px solid #CCC;}
.services-description p{ max-width:92%; margin:0 auto;}
.style10, .style11{ text-align:center;}

.social-media-icons{ float:none; padding:0; width:60%;}
.lg-clrfix{ clear:both; width:100%; height:0; display:block;}
.top-margin{ margin-top:0px;}
.about-us-thumb{ width:50%; float:none; margin:1% auto;}

table{ width:98%;}
input.text{width:98%;}
select.choice{width:98%;}
textarea{ width:98%;}
.submit-btn{ width:50%;}
}
@media screen and (min-width:640px)and (max-width:767px){
.xm-clrfix{ clear:both; width:100%; height:0; display:block;}
  #about-us, .services{ display:none;}
#toggle{ display:none;}
.col-xm-1{ width:8.333333%}
.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, footer, .col-xm-12{ width:98%; padding:0 1%;}
#nav li a { padding:0px 10px;}
#slider{height:100%;}
#banner{width:94.2%;}
.style3{ font-size:12px;}

p.style13 a{ width:95%; 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:#a5dbff;}
li.services-dropdown-list{ background-color:#e5a723; text-indent:20px; width:94%; margin:0 auto; font-size:15px; height:25px; line-height:25px; display:inline-block; color:#fff;}
.top-margin{ margin-top:10px;}
#nav ul li a:hover{ width:82%;}

.content{width:94%; margin-top:0px; border-top:1px solid #CCC;}
.services-description p{ max-width:92%; margin:0 auto;}
.social-media-icons{ float:none; padding:0; width:60%;}
.style10, .style11{ font-size:14px;}
}

@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, footer, .col-sm-12{ width:98%; padding:0 1%;}
#nav li a { padding:0px 10px;}
#slider{height:100%;}
.style3{ font-size:16px;}
#blanck-div{ display:none;}
.services{display:none;}
.content{width:94%;}
.services-description p{ max-width:92%; margin:0 auto;}
table{ width:100%;}
input.text{width:92%;}
select.choice{width:92%;}
textarea{ width:92%;}
.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, footer, .col-md-12, .col-lg-12{ width:98%; padding:0 1%;}
#nav li a { padding:0px 20px;}
.content{width:94%;}
.services{ width:18%; height:270px;}
table{ width:100%;}
input.text{width:98%;}
select.choice{width:98%;}
textarea{ width:98%;}
.submit-btn{ width:50%;}
}
@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;}
}