/*

Theme Name: The World Within

Description: Twenty Twelve Child Theme

Template: twentytwelve

*/



@import url("../twentytwelve/style.css");

/* Body, links, basics */
body {
	font-size: 14.66px;
	font-family: 'Raleway', sans-serif;
	color: #8c8c8c;
}
body.custom-font-enabled {
	font-family: 'Raleway', sans-serif;
	background-color: #ffffff;
}
a {
	outline: none;
	color: #009ddc;
}
a:hover {
	color: #434343;
	text-decoration: none;
}
a:focus{
	outline: 0;
	text-decoration: none;
}
.page_title{ color: #009edd; font-size: 26.66px; text-transform: uppercase; text-align: center; padding-bottom: 40px; font-weight: 700; }
.intro .page_title{ padding-bottom: 30px; }
.sticky {
    position: fixed;
	top:0;
	width: 100%;
	z-index: 9;
}
.sticky img.header-image {padding: 15px 0;}
.sticky .navbar-nav>li{ padding: 22px 0; }
.sticky .searchform {padding: 14px 0 !important;}
.container{ padding:0; }
.site-content article{ padding: 0; margin:0; } 
.single-post .entry-header{ margin-bottom: 15px; text-align: center; }
.single-post .entry-title{ padding: 20px; background: #009ddc; border-left: 5px solid #000000; color: #ffffff; font-size: 18.66px; line-height: 1; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; text-align: left; }
#respond form p.logged-in-as{ margin-bottom: 15px; }
.page-header{ padding: 0; margin: 15px 0; }
.search-results .page-title{ font-size: 16px; }
.author .entry-title{ padding: 20px; background: #009ddc; border-left: 5px solid #000000; margin-bottom: 15px; }
.author .entry-title a{ color: #ffffff; font-size: 18.66px; line-height: 1; font-weight: 600; text-transform: uppercase; }  
.archive-title{ font-size: 14.66px; }
.form-allowed-tags{ display: none; }
.comments-area{ margin: 15px 0 !important; }
#respond{ margin-top: 15px; }
#respond form{ margin: 15px 0; }
.comment-form input[type="submit"]{ width: auto;float: left;border-radius: 0;border: 0;background: #000000;color: #ffffff;font-size: 14.66px; margin-bottom: 30px;  }
.comment-form input[type="submit"]:hover{  color: #ffffff; background-color: #009ddc; }
.error404  #primary .searchform input[type="submit"]{ float: none !important; margin-left: -30px; }
.error404 #searchform{ padding: 30px 0; }
.sticky .error404 #searchform{ padding: 15px 0 !important; }
.error404  #primary {width: 100%; border-right:0;}
.search-no-results .search #searchform{ padding: 30px 0; }
.sticky .search-no-results .search #searchform{ padding: 15px 0; }
.search-no-results #primary .searchform input[type="submit"]{ float: none !important; margin-left: -30px; }
#respond form input[type="text"], #respond form textarea{ width: 100%; border-radius: 0; }
#respond .form-submit{ width: 46.333333333%; float: left; }
.commentlist li{ padding: 15px 0; border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc; }
.ri-grid{ margin: 0 auto; }
.nav-single{ display: none; }
/*.page-id-50 #text-5{ display: none; }*/
.author .entry-header img{ display: block; margin: 0 auto; }


/* headsection */
.topheader { background-color:#e0e0e0; padding: 5px 0;}
.topheader .fa-3 { font-size: 2em; color: #434343; }
.topheader .fa-3:hover{ color: #009ddc; }
.topheader .top-social ul{ float: right; padding-right: 5px; }
.topheader .phone{ background: url("images/phone.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); padding-left: 25px; }
.topheader .phone a{ color: #434343; }
.topheader .phone a:hover{ color: #009ddc; }
.topheader .mail a{ color: #434343; }
.topheader .mail a:hover{ color: #009ddc; }
.topheader .mail{ background: url("images/mail.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); padding-left: 25px; }
.topheader .social_top{ padding: 7px 0; }
.headsection{ background-color: #fcfcfc;-webkit-box-shadow: 0 8px 8px -8px rgba(0,0,0,0.8); -moz-box-shadow: 0 8px 8px -8px rgba(0,0,0,0.8); box-shadow: 0 8px 8px -8px rgba(0,0,0,0.8);  }
img.header-image{ padding: 30px 0;}



/* menu */
.navbar{ margin-bottom:0; background-color: transparent; border:0; border-radius:0; background-image: none; box-shadow: none; }

.container-fluid{ padding:0; }

.navbar-default .navbar-collapse{ padding:0; }

.navbar-nav{ float: left; }

.navbar-nav>li{ padding: 38px 0px; }

.navbar-nav>li>a{ padding:0 20px; font-size: 13.33px; text-transform: uppercase; color: #434343 !important; font-weight: 600; border-right: 1px solid #434343; line-height:1; }

.navbar-nav>li:last-child>a{ padding-right:0; border-right:0;}

.navbar-nav>.active>a { background-color: transparent !important; background-image: none !important; color: #009ddc !important; box-shadow: none !important; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color: #009ddc !important; }

.dropdown-menu { background-color:#fcfcfc; box-shadow: none;border-radius:0; border-top: 3px solid #009ddc;}

.dropdown-menu > li > a { color: #434343; padding: 10px 15px; font-size: 13.33px; text-transform: uppercase; font-weight: 600;}

.dropdown-menu > li:last-child > a{ border-bottom:0; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a,.dropdown-menu > .active > a:hover{ background-color: transparent; background-image: none; color: #009ddc;}

.navbar-collapse{ float: right; }

.caret{ display: none; }



/* search form */
.searchform{ padding: 29px 0; }
.screen-reader-text{ display: none; }
.searchform input{ border-radius:0; background: transparent; line-height: 1;  color: #717171;}
.searchform input[type="submit"]{ float: right; margin-top: -23px; text-indent: -72px; border: 0; background-image: url(images/search.png); box-shadow:none; background-repeat: no-repeat; z-index: 9; position: relative; }
.searchform input[type="submit"]:hover{ background-color: transparent;}
::-webkit-input-placeholder {
   color: #717171; font-size: 16px;
   font-family: 'PT Sans', sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
   color: #717171; font-size: 16px;
   font-family: 'PT Sans', sans-serif;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #717171; font-size: 16px;
   font-family: 'PT Sans', sans-serif;
}
:-ms-input-placeholder {  
   color: #717171; font-size: 16px;
   font-family: 'PT Sans', sans-serif;
}

/* slider */
#layerslider_3{ -webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px -1px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px -1px 5px 0px rgba(0, 0, 0, 0.75); }

.instagram{ background: none;}


/* services  */
.services{ background-color: #f6f6f6;padding: 45px 0; overflow: hidden;}
.services .col-md-4{ text-align: center; overflow: hidden; }
.services .icon{ color: #FFFFFF; background: #009ddc; border-radius: 50%; padding: 15px; width: 90px; height: 90px; margin: 0 auto; opacity:1; background: url('http://www.theworldwithin.ma/wp-content/uploads/2015/02/index.png'); }
.services .icon:hover{ opacity: 0.8;}
.icon_text h3{ padding: 40px 0 25px 0; }
.icon_text h3 a{font-size: 18.66px; font-weight: 700; text-transform: uppercase; }
.icon_text p{ line-height: 24px; font-size: 14.66px; }


/* blog  */
.blog_section{ padding: 45px 0; }
.blog_section img{ opacity:1; }
.blog_section img:hover{ opacity:0.6; }
.blog_data{ min-height: 247px; margin-top: 20px; border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc;}
.post_title{ min-height: 88px; }
.post_title a{ font-size: 18.66px; font-weight: 700; text-transform: uppercase; color: #009ddc; padding: 20px 0; display: inline-block; line-height: 24px; }
.post_title a:hover{ color: #434343; }
.post_author{ padding:0 0 20px 0px; color: #009ddc;font-size: 13.33px; }
.blog_section .fa{ padding-right: 10px; font-size: 16px; color: #009ddc; }
.post_content{ min-height: 80px;font-size: 14.66px; color: #8c8c8c; line-height: 20px; }
.post_detail{ font-size: 13.33px; color: #8c8c8c; padding: 15px 0; }
.post_detail a{ color: #8c8c8c; }
.post_detail a:hover{color: #434343; }
.blog_section ul li{ border-right: 2px solid #cccccc; padding-right: 10px; }


/* client */
.clients{ background-color: #f6f6f6;padding: 45px 0; }
.bx-wrapper{ margin: 0 0 0 20px !important; min-width: 1170px; }
.bx-wrapper img{ width: 100%; }
.bx-wrapper .bx-viewport{ box-shadow: none; border: 0; background: transparent; }
.bx-viewport ul li{ border: 1px solid #cccccc; background: #ffffff; } 





/* intro */
.intro{ padding: 45px 0; }
.intro .content_element{ color: #8c8c8c; text-align: center; font-size: 14.66px; font-weight: 400; line-height: 27px; }
.content_element p{ padding: 0 80px; }


/* instagram  */



/* footer */
.footer{ background-color: #009ddc; padding: 25px 0; }
.footer .widget-title{ font-size: 34.72px; color: #ffffff; padding: 0; font-weight: normal; text-transform:capitalize; font-family: 'Alegreya Sans SC', sans-serif;} 
.footer .sub-menu{
	display: none;	
}
.footer .list-inline{ position: relative; padding: 10px 0; }
.footer .list-inline li{ width: 35px; }
.textwidget{ color: #ffffff; font-size: 14.66px; line-height: 20px; }
.footer_left{ width: 385px; float:left;border-right: 1px solid #ffffff; min-height: 210px; padding: 0 90px 0 0; }
.footer_middle{ width: 400px; float:left;border-right: 1px solid #ffffff; min-height: 210px; padding: 0 85px; }
.footer_right{  width: 385px; float:left; min-height: 210px; padding: 0 90px; }
.footer_right .fa-skype{ float: left; padding-top: 3px; }
.fb{ background: url('images/facebook.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: auto; right: 33px; }
.instagram{ background: url('images/instagram.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: auto; right: 33px; }
.twitter{ background: url('images/twitter.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: auto; right: 33px; }
.linkedin{ background: url('images/linkedin.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: auto; right: 33px; }
.footer_left a{ width: 40px; height: 30px; position: absolute; right: auto; text-indent: -999px;  }
.footer_left a:hover{background-position: 0 -35px; text-indent: -999px;}
.footer_middle ul li a{ color: #ffffff; font-size: 14.66px; line-height: 15px; }
.footer_middle ul li a:hover{  border-bottom:1px solid; padding-bottom: 2px; }
.footer_middle ul li {
    background: url("images/list.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    padding-bottom: 10px;
    padding-left: 25px;
}
.footer_right .list-group{ margin-bottom: 0; }
.footer_right .list-group-item{ background-color: transparent; border: 0; padding: 10px 0;  font-family: 'PT Sans', sans-serif; font-size: 16px; padding: 0 0 10px 25px; background-position: left 6px !important; color: #FFFFFF; } 
.footer .phone{ background: url("images/phone.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    padding-bottom: 10px;
    padding-left: 25px; }
.footer .mail{ background: url("images/mail.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    padding-bottom: 10px;
    padding-left: 25px; }
.footer .address{ background: url("images/map.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    padding-bottom: 10px;
    padding-left: 20px; }
.footer_right ul li a{ color: #ffffff; }
.footer_right ul li a:hover{ border-bottom:1px solid; padding-bottom: 2px; }

/* copyright */
.copyright{ 
	text-align: center; background-color: #0491c9; color: #ffffff; font-size: 16px; padding: 30px 0; 
}

.site_by {
    font-size: 13px; text-align: center;
	padding: 10px 0 0 0;
}
.site_by a{ color: #FFFFFF; }
.site_by :hover{ text-decoration: underline; }

/* Inner Pages */
footer.entry-meta{ display: none; }
.page-template-default .entry-header, .page-template-blog_template .entry-header{ -webkit-box-shadow: inset 0 80px 8px -8px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.8);
    box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.8); background: #009ddc; text-align: center; padding: 20px 0; margin-bottom: 0; }
.page-template-default .entry-header h1, .page-template-blog_template .entry-header h1{ text-transform: uppercase; font-size: 26.66px !important; font-weight: 600 !important; color: #FFFFFF; padding:10px 50px; border-left: 5px solid #007bac; border-right: 5px solid #007bac; display: inline-block;  }
#primary{ width: 800px; padding-right: 20px; margin-top: 0; padding-top: 70px; }
#secondary{ width: 350px; padding-left: 20px; margin-top: 0; padding-top: 70px; }
.site-content{ border-right: 1px solid #cccccc; min-height: 1005px; }
.site-content article{ border: 0; }

/* Sidebar */
#secondary .wpcf7-form { color: #b4b4b4; }
#secondary .wpcf7-form input,.wpcf7-form select,.wpcf7-form textarea{ font-size: 14.66px; width: 100%; color: #b4b4b4; line-height: 15px; border-radius:0; }
#secondary .wpcf7-form input[type="submit"]{ width: auto;float: right;border-radius: 0;border: 0;background: #000000;color: #ffffff;font-size: 14.66px; }
#secondary .wpcf7-form input[type="submit"]:hover{ color: #ffffff; background-color: #009ddc; }
#secondary ::-webkit-input-placeholder {
   color: #b4b4b4; font-size: 14.66px;
}

#secondary :-moz-placeholder { /* Firefox 18- */
   color: #b4b4b4;   font-size: 14.66px;
}

#secondary ::-moz-placeholder {  /* Firefox 19+ */
   color: #b4b4b4;   font-size: 14.66px;
}

#secondary :-ms-input-placeholder {  
   color: #b4b4b4;   font-size: 14.66px;
}
.widget-area .widget{ border:1px solid #cccccc; border-top: 0; padding-bottom: 20px; margin-bottom: 20px; }
.widget-area .widget .wpcf7-form p{ margin-bottom: 10px; }

.widget-area .widget .widget-title{ padding: 20px;color: #ffffff;font-size: 18.66px;background: #009ddc;line-height: 1;border-left: 5px solid #000000;font-weight: 600;}

#secondary .textwidget{ padding: 0 20px 0 25px;}
#secondary .widget ul li{ padding: 10px 20px 10px 25px; border-bottom: 1px solid #cccccc; margin-bottom: 0;}
#secondary .widget ul li:last-child{ border-bottom: 0; }
.recent-posts-widget-with-thumbnails .widget-title{ margin-bottom:0 !important;  }
.recent-posts-widget-with-thumbnails li{ line-height: 19px !important; }
.recent-posts-widget-with-thumbnails a{ font-size: 14.66px; color: #000000 !important; font-weight: 500; line-height: 21px; }
.recent-posts-widget-with-thumbnails a:hover{ color: #009ddc !important; }
#recent-posts-widget-with-thumbnails-2 img{ border: 1px solid #cccccc; padding: 1px; }
.page-template-blog_template .blogpost-title a{ color: #ffffff;font-size: 18.66px;line-height: 1;font-weight: 600; text-transform: uppercase; } 
.page-template-blog_template .blogpost-title{ padding: 20px;background: #009ddc;border-left: 5px solid #000000;}
.page-template-blog_template .blogpost_detail{ padding: 20px 0; }
.page-template-blog_template .blogpost_date{ float: right; min-width: 180px;}
.page-template-blog_template .blogpost_comment{ float: right; padding: 10px 35px 0 0; min-width: 182px;}
.blogpost_img_left{ width: 285px; margin-right: 20px;  float: left;}
.blogpost_img_left img{border: 1px solid #cccccc;padding: 3px; }
.blogpost_content_right{ width: 470px; float: right; }
hr{ margin: 24px 0; width: 100%; }
.blogdiv{ margin-bottom: 50px; display: inline-block; }
.blogpost_text{ height: 246px; float: left; line-height: 20px;}
.blogpost_read{ padding: 10px 15px; float: left; background: #000000; }
.blogpost_read a{ color: #FFFFFF; }
.blogpost_read:hover{color: #ffffff;background-color: #009ddc;}
.blogpost_comment a{ color: #000000; font-weight: 600; }
#primary .wpcf7-form { color: #b4b4b4;}
#primary .wpcf7-form input,.wpcf7-form select,.wpcf7-form textarea{ font-size: 14.66px; width: 100%; color: #b4b4b4; line-height: 15px; border-radius:0; }
#primary .wpcf7-form input[type="submit"]{ width: auto;float: right;border-radius: 0;border: 0;background: #000000;color: #ffffff;font-size: 14.66px; }
#primary .wpcf7-form input[type="submit"]:hover{ color: #ffffff; background-color: #009ddc; }
.getintouch .list-group{ margin-bottom: 0; }
.getintouch .list-group-item{border: 0; font-family: 'PT Sans', sans-serif; font-size: 16px; padding: 0 0 15px 0; margin: 0; background-position: left 6px; color: #8c8c8c }
.getintouch .fa-phone, .getintouch .fa-envelope, .getintouch .fa-skype{padding: 5px 10px; border: 1px solid #cccccc; margin-right: 10px; border-radius: 50%;width: 40px;
height: 28px;text-align: center;} 
.getintouch .fa-phone:hover, .getintouch .fa-envelope:hover, .getintouch .fa-skype:hover{ background-color: #cccccc; color: #ffffff;  }
.sayhello h3, .getintouch h3{padding: 20px;color: #ffffff;font-size: 18.66px;background: #009ddc;line-height: 1;border-left: 5px solid #000000;font-weight: 600; text-transform: uppercase;}







@media screen and (min-width: 1000px) and (max-width: 1100px) {
	.topheader{ padding: 10px 0; }
	.topheader .top-social ul{ padding-right: 0; }
	.topheader .top-social ul li{ padding-right: 0; }
	div.ls-l{ top: 50px !important;  }
	p.ls-l{ top: 150px !important;}
	#layerslider_3 .ls-slide p{  font-size: 16px !important;  width: 60% !important; }
	.headmenu .col-md-9{ display: block; width: 75%; padding:0; }
	.headmenu .col-md-3{ padding: 0; }
	.navbar-nav > li{ padding: 38px 0; }
	.navbar-nav > li > a{ padding: 0 10px; }
	.searchform input[type="submit"]{ float: right; margin-left: 0px; margin-top: -24px; }
	.searchform input[type="search"]{ width: 100%;  }
	.navbar-collapse{ float: left; } 
	.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
	.intro, .services, .blog_section, .clients{ padding: 60px 0; }
	.post_content{ min-height: 100px; }
	.bx-wrapper{ min-width: 100%; width: 100%; padding: 0; margin: 0 !important; }
	.blog_section .col-md-4 img{ width: 100% !important; }
	.blogdiv{ margin-bottom: 20px; }
	.blog_data{ min-height: 285px; }
	.post_title a{ font-size: 14.66px; }
	.sticky { position:relative;}
	.footer_left{ width: 335px; padding: 0 30px 0 0; min-height: 188px;}
	.footer_middle{  padding: 0 30px; width: 260px; min-height: 188px; }
	.footer_right{   padding: 0 30px; width: 345px; min-height: 188px;}
	.footer .widget-title{ line-height: 50px; }
	.site-content{ min-height: 1034px; }
	#primary{ width: 620px; padding-top: 40px; }
	#secondary{ width: 320px; padding-top: 40px; }
	.blogpost_content_right{ margin-top: 20px; width: 100%; }
	.blogpost_text{ height: 175px;}
	.entry-content iframe{ margin-bottom: 0; }
	.page-id-50 hr{ margin: 0; }
}

@media only screen and (min-width : 640px) and (max-width : 800px) { 
	.topheader{ padding: 10px 0; }
	.topheader .top-social ul{ float: left; }
	.search-no-results .search #searchform{ padding: 0; }
	.error404 #searchform{ padding: 5px 0; }
	div.ls-l{ top: 50px !important;  }
	p.ls-l{ top: 130px !important;}
	.search-results .entry-header img{ width: 100%; }
	#layerslider_3 .ls-slide p{  font-size: 16px !important; width: 60% !important; }
	.sticky { position:relative;}
	.caret{ display: none; }
	img.header-image{ padding: 10px 0; position: relative; }
	.headmenu .col-md-9{ display: none; }
	#search{ margin-right: 0px; margin-top: -44px; padding: 0; text-align: right; }
	.searchform{ padding: 0 0 10px 0; }
	.searchform input{ font-size: 18px; }
	.searchform input[type="submit"]{ float: none; margin-left: -30px; line-height: 8px; }
	.headmenu .col-md-9{ padding: 0; }
	#responsive-menu{ width: 100% !important; height: auto  !important; }
	#click-menu{ margin-top: 4px; padding: 3px; }
	#click-menu .threeLines{ height: 17px !important; }
	#click-menu{border: 1px solid #434343 !important;}
	.intro, .services, .blog_section, .clients{ padding: 45px 0; }
	.page_title{ font-size: 22.66px; padding-bottom: 25px; }
	.services .col-md-4{ width: 250px; float: left;}
	.icon_text p{ text-align: justify; }
	.content_element p{ padding: 0; }
	.blogdiv{ width: 100%; margin-bottom: 20px; }
	.blogpost_content_right{ width: 100%;}
	.blog_section img{ width: 50%; float: left; }
	.blog_data{ float: left; width: 45%; padding-left: 0; margin: 0px 0 20px 5%; min-height: 273px; }
	.post_author{ padding: 0 0 20px; }
	.post_detail{ padding-bottom: 10px; }
	.bx-wrapper{ margin: 0 auto !important; min-width: 100%; max-width: 620px; }
	.bx-viewport{  height: auto !important; overflow: hidden; position: relative; width: 100%; left:0 !important; }
	.bx-wrapper img{ width: 100%; }
	.post_title a{ font-size: 16.66x !important; }
	.footer .widget-title{ font-size: 24.72px; }
	.footer_left{ width: 265px; padding: 0 10px 0 0; min-height: 180px;}
	.footer_middle{ width: 200px; padding: 0 25px 0 25px; min-height: 180px;}
	.footer_right{ width: 265px; padding: 0 25px; }
	#primary{ width: 460px; float: left; padding-top: 40px; }
	#secondary{ width: 260px; padding-top: 40px; }
	.page-template-blog_template .blogpost-title a{ font-size: 16.66px; }
	.widget-area .widget .widget-title{ font-size: 16.66px; padding: 10px; }
	#secondary .widget ul li{ padding: 10px 10px 10px 15px; }
	#secondary .textwidget{ padding: 0 15px; }
	.recent-posts-widget-with-thumbnails a{ font-size: 11.66px; }
	.blogpost_content_right{ margin-top: 15px; }
	.single-post .entry-header img{ width: 100%; }
	.container {padding-right: 10px;padding-left: 10px;margin-right: auto;margin-left: auto;}
	.page-template-blog_template .blogpost_comment{ min-width: 187px; }
	.page-id-50 .entry-content iframe{ height: 328px; }
	.headsection{ padding: 7px 0;}
	.blog_section .fa{font-size: 14px; float: left; }
	.author .entry-header img{ width: 100%; }
}


@media screen and (max-width: 700px){
	.topheader .top-social ul{ float: left; }
	.masthead .col-md-4{  float: left; width: 60%;   }
	.search-results .entry-header img{ width: 50%; display: block; margin: 0 auto; }
	.headmenu .search{ display: block; text-align: right; margin-right: -2px; }
	div.ls-l{ top: 30px !important;  }
	p.ls-l{ top: 100px !important;}
	#layerslider_3 .ls-slide p{  font-size: 14px !important; }
	#primary{ width: 100%; border-right: 0; padding-right: 0;  }
	.blogdiv{ width: 100%; }
	.blogpost_content_right{ width: 100%;  margin-top: 15px; }
	.page-template-blog_template .blogpost_date{ float: left; min-width: 100%; } 
	.page-template-blog_template .blogpost_comment{ float: left; min-width: 100%; padding: 0; }
	#secondary{ width: 100%; padding-left: 0; }
	.footer_left, .footer_middle, .footer_right{ border-right: 0; }
	.site-content{ min-height: auto; }
	.home .blog_section img{ width: 70%;}
	.post_title { min-height: 60px;}
	.post_title a{ padding: 10px 0; }
	.post_author{ padding: 0 0 10px; }
	.footer{ padding: 35px 0; }
	.page-template-default .entry-header h1, .page-template-blog_template .entry-header h1{ font-size: 22.66px; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){ 
		.search-no-results .search #searchform{ padding: 5px 0; }
	.error404 #searchform{ padding: 5px 0; }
	.bx-viewport{ height: auto !important; }
	#swipebox-caption{ line-height: 20px; }
	.headsection{ position: relative; }
	.headmenu .col-md-9{ display: none; }
	.headsection img.header-image { padding: 15px 0; width: 60%;}
	.ls-slide p{ font-size: 12px !important; width: 100% !important; }
	#responsive-menu{ width: 100% !important; height: auto  !important; }
	.clients .bx-wrapper{ padding: 0; margin: 0 !important; }
	#click-menu .threeLines{ height: 17px !important; }
	#click-menu{border: 1px solid #434343 !important;}
	#search{ position: relative !important;}
	#primary{ padding-top: 30px; min-height: 100% !important; max-height: auto; }
	#secondary{ padding-top: 30px; } 
	#click-menu{ top: 0; }
	.blog_data{ margin-bottom: 20px; }
	.container{ padding:0 10px; }
	.searchform{ padding: 10px 0; }
	.searchform input[type="submit"]{ margin-right:0px; float: none; position: relative; margin-left: -26px; }
	.navbar-nav{ width: 100%; }
	.navbar-nav > li{ padding: 10px 0; }
	.navbar-nav > li > a{ border-right:0; }
	.caret{ display: inline-block; }
	#search{ width: 100%; padding:0; position: absolute; }
	.page-template-default .entry-header, .page-template-blog_template .entry-header{ padding: 10px 0; }
	.page_title{ font-size: 18.66px; padding-bottom: 20px; }
	.content_element p{ padding: 10px; }
	.intro, .services, .blog_section, .clients, .footer{ padding: 35px 0; }
	.services .col-md-4{ padding: 10px 0;}
	.icon_text p{ padding: 0 10px; }
	.blog_section img{ width: 100%; }
	.post_author{ padding: 0 0 20px; }
	.post_detail{ padding-bottom: 10px; }
	.bx-wrapper{ min-width: 100%; width: 100%; padding: 0 33px; }
	.footer_left, .footer_middle, .footer_right{ width: 100%; padding: 0 10px;}
		.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	}
	.site-content{ min-height: auto; }
	.page-id-50 .entry-content iframe{ height: 250px; }
	.single-post .entry-header img{ width: 100%; }
	.getintouch .fa{ float: left; }
	.bx-wrapper .bx-viewport{ left: 0; }
	.home .blog_section img{ margin: 0 auto; display: block; }
	.blogpost_img_left{ float: none; margin: 0 auto; }
	.single-post #secondary { padding-top: 82px; }
	.ls-v5 .ls-nav-prev, .ls-v5 .ls-nav-next{ width: 30px; height: 42px; }
}


@media screen and (max-width: 360px){
	.masthead .col-md-4 { float: none; width: 100%; text-align: center;}
	.search-results .entry-header img{ width: 100%; }
	.headmenu .search{ display: block; text-align: center; margin: 5px; }
	div.ls-l{ top: 30px !important;  }
	p.ls-l{ top: 60px !important;  }
	.headsection img.header-image { width: 75%;}
	/*#click-menu{ margin-top: 66px; }
	.click-menu-active{ margin-top: 46px !important; }*/
	.page-template-blog_template .blogpost_comment{ padding: 0; }
	.searchform {
    	padding: 0px 0 12px 0;
	}
	.blog_section .fa{ float: left; }
	.post_title a{ font-size: 14px; }
	.footer .widget-title{ font-size: 24px; }
	.page-template-default .entry-header h1, .page-template-blog_template .entry-header h1{ font-size: 18px !important; }
	.page-template-blog_template .blogpost-title a{ font-size: 16px; }
	.site-content{ min-height: auto; }
	.page-template-blog_template .blogpost_date{ float: left; }
	.page-template-blog_template .blogpost_comment{ float: left; }
	.blogpost_read{ margin-top: 135px; }
	.home .blog_section .col-md-4 img{ width: 100%; }	
	.ri-grid ul li{ width: 100% !important; height: 270px !important; }
	.ri-grid ul li a{ width: 100% !important; height: 100% !important; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .page-template-blog_template hr{ float:right; margin-top: 24px; }
}