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

.main-container { padding: 10px;width: auto!important;}
.welcome-block p , p{font-size: 13px!important; line-height:20px!important; text-align: justify;}
#services { margin: 20px 0!important; padding:0px!important;}
#services .span4 {margin: 0 0 10px;}
.span5 > iframe {height: auto; width: 100%;}
#bottom{padding:15px!important;}
#footer {padding: 10px!important;}
body{padding-left:5px!important; padding-right:5px!important; background: url("./images/blk-bg.jpg") repeat-x scroll left -13px rgba(0, 0, 0, 0) !important;}

.alignleft.size-medium.wp-image-101{float:none; margin-bottom: 10px !important;padding: 0 !important; width: 100% !important;}
.welcome-block h1.widget-title{text-align:center;}
header #logo {  float: none; height: auto; margin: 0 auto;  width: 100%;}   
header.navbar{margin-top:33px!important}

ul.social{float:none !important;}
#footer .cp, .navbar-inner .container, h1, #footer .span6{text-align:center;}

.nav-collapse, .nav-collapse.collapse{display:none!important}

.pull-left.left-block {width: 100%!important;}
.alignnone.size-medium.wp-image-78.pull-left { margin: 0 auto!important; max-width: 100%;  width: 100%;}
.pull-right.right-block { float:none!important;padding: 4%!important; width: 92% !important; clear:both}

input, textarea, .uneditable-input {width: 100%!important;}
.pull-left.counter, #camps-quote{text-align:center!important; width:100%!important;}
.pull-left.counter > h4{line-height:40px!important}
.archive-header img {
    display: none;
}

.archive.category h1.archive-title {
     padding: 10px!important;
    position: inherit!important;
    width: auto;
}

}


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

.main-container { padding: 10px;width: auto!important;}
.welcome-block p {font-size: 13px!important; line-height:20px!important; text-align: justify;}
#services { margin: 20px 0!important; padding:0px!important;}
#services .span4 {margin: 0 0 10px;}
.span5 > iframe {height: auto; width: 100%;}
#bottom{padding:15px!important;}
#footer {padding: 10px!important;}
body{padding-left:5px!important; padding-right:5px!important; background: url("./images/blk-bg.jpg") repeat-x scroll left -13px rgba(0, 0, 0, 0) !important;}

.alignleft.size-medium.wp-image-101{float:none; margin-bottom: 10px !important;padding: 0 !important; width: 100% !important;}
.welcome-block h1.widget-title{text-align:center;}
header #logo {  float: none; height: auto; margin: 0 auto;  width: 100%;}   
header.navbar{margin-top:45px!important}

/*#click-menu{width:97%; right: 0!important;}
#click-menu .threeLines{float:left;}*/

ul.social{float:none !important;}
#footer .cp, .navbar-inner .container, h1, #footer .span6{text-align:center;}

.nav-collapse, .nav-collapse.collapse{display:none!important}

.pull-left.left-block {width: 100%!important;}
.alignnone.size-medium.wp-image-78.pull-left { margin: 0 auto!important; max-width: 100%;  width: 100%;}
.pull-right.right-block { float:none!important;padding: 4%!important; width: 92% !important;clear:both}

input, textarea, .uneditable-input {width: 100%!important;}

.pull-left.counter, #camps-quote{text-align:center!important; width:100%!important;}
.pull-left.counter > h4{line-height:40px!important}

#services .media-body img, #services .media-body iframe { width: 100%!important;}
.archive-header img {
    display: none;
}
.archive.category h1.archive-title {
     padding: 10px!important;
    position: inherit!important;
    width: auto;
}


}





@media screen and (min-width:640px) and (max-width:800px) { 

.main-container { padding: 10px;width: auto!important;}
.welcome-block p {font-size: 13px!important; line-height:20px!important; text-align: justify;}
#services { margin: 20px 0!important; padding:0px!important;}
#services .span4 {margin: 0 0 10px;}

#bottom{padding:15px!important;}
#footer {padding: 10px!important;}

body{background: url("./images/blk-bg.jpg") repeat-x scroll left 0px rgba(0, 0, 0, 0) !important;}

header.navbar{margin-top:33px!important}

#slide-show .container{width:100%!important;}
#slide-show .container img{width:100%!important;}

#services .span4 , #recent-works .span3,  #recent-works .span5{margin: 0 0 10px!important; float:left; width:100%!important}
#recent-works iframe{width:100%!important}
.span5 > iframe {height: auto; width: 100%;}

.container { width: 100% !important;}
#bottom .span3 { margin-left: 1% !important;}
input, textarea, .uneditable-input { width: 100%!important;}
.row {margin-left: 0px!important;}

.nav-collapse, .nav-collapse.collapse{display:none!important}

.pull-left.left-block {width: 96%!important; padding:2%!important}
.pull-right.right-block { float:none!important;padding: 2%!important; width: 96% !important;clear:both}

#services .media-body img { float: left;  margin: 0 10px 10px 0!important;  width: 250px;}
#services .media-body iframe { width: 100%!important;}


}
@media screen and (max-width:1024px) { 
header.navbar {
  margin-top: 12px !important;
}
header .pull-right.counter.span7 img {
  height: 121px;
  width: 100%;
}
header #logo {
  margin: 3px 0 0 0px;

}
}

@media screen and (max-width:768px) { 
header.navbar {
  margin-top: 53px !important;
}
header #logo > img {
  margin: 0px auto 0;
  width: 125px;
}
header .pull-right.counter.span7 img {
  height: 100px;
  width: 100%;
}
header #logo {
  padding-left: 12px;
 
}
}
@media screen and (min-width:768px) and (max-width:1024px) { 

#services .media-body img { float: left;  margin: 0 10px 10px 0!important;  width: 250px;}
#services .media-body iframe { width: 100%!important;}

body { padding: 0 10px;}

.nav-menu li a {font-size: 12px!important; padding: 15px 10px!important;}

.main-container { padding: 10px;width: auto!important;}
.welcome-block p {font-size: 13px!important; line-height:20px!important; text-align: justify;}
#services { margin: 20px 0!important; padding:0px!important;}
#services .span4 {margin: 0 0 10px;}

#bottom{padding:15px!important;}
#footer {padding: 10px!important;}

.container { width: 100% !important;}
#bottom .span3 { margin-left: 1% !important;}
input, textarea, .uneditable-input { width: 100%!important;}
.row {margin-left: 0px!important;}

#slide-show .container{width:100%!important;}
#slide-show .container img{width:100%!important;}

#services .span4 , #recent-works .span3,  #recent-works .span5{margin: 0 0 10px!important; float:left; width:100%!important}
#recent-works iframe{width:100%!important; min-height:300px;}
.span5 > iframe {height: auto; width: 100%; height:400px;}

.alignnone.size-medium.wp-image-78.pull-left{margin:0 10px 0 0!important}

.pull-left.left-block {width: 96%!important; padding:2%!important}
.pull-right.right-block { float:none!important;padding: 2%!important; width: 96% !important;clear:both}
header #logo {width: 14% !important;}

.navbar-inner .span7 {
  width: 84%;
}
}