/* Small screens (width < 940px) ----------- */
@media only screen 
and (max-width : 1020px) {
/* Styles */
#wrapper.boxed {width:auto!important;}
#wrapper .inner {width:auto !important;margin:0 20px;}
#topbg, #header {background-size:cover!important;}

.portfolio-1 .entry-thumb {margin-right:5%;}
.portfolio-3 .last, .portfolio-4 .last {margin-right:20px;}

.row-portfolio-post .content {width:66%;}
.row-portfolio-post .sidebar {width:28%;}

.post .thumbnail {width:100%;}
.content.full-width {width:100%;}

img.alignnone {    
    max-width: 100%;
    height:auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.sliding-wrapper .next {right:-15px;}

.sliding-wrapper .prev {left:-15px;}

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 870px) {
/* Styles */
.portfolio-1 .entry-thumb {float:none;margin-bottom:10px;}

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 800px) {
/* Hiddens */
#header-optarea, #featured .optimg, #featured .opttext {display:none!important;}

/* Header */
#header {height:auto;background-size:cover;}
#logo {position:relative;top:0;left:0;width:100%;text-align:center;margin-bottom:20px;}
#header-menu {position:relative;top:0;left:0;padding-bottom:20px;}
#header-menu select {display:block;width:100%;padding:5px 3px;border:1px solid #ddd;font-size:15px;}
#header-menu ul {display:none;}

/* Styles */
.content {width:61%;}
.iwak-widget-twitter li {padding-right:10px;}

/* Portfolio */
.portfolio-1 .entry-content {width:588px}
.portfolio-3 .portfolio-entry {margin-right:30px;}
.portfolio-4 .portfolio-entry {margin-right:10px;}
.portfolio-4 .last {margin-right:10px;}

#footer .column {width:100%!important;margin:0!important;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 640px) {
/* Hiddens */
#header-optarea, #featured .optimg, #featured .opttext, .featured-title img {display:none!important;}
#header-menu select {font-size:13px;}

/* Slider Elements */
#slider-nextbiz {height:auto!important;padding-bottom:50px;/*room for pager*/}
#featured-pager {text-align:center;margin:20px 0 10px;position:absolute;top:auto;bottom:0;width:100%;height:20px;}
#featured-pager ul {display:inline-block;}
.featured-button {float:left;margin-left:20px;margin-top:-40px;}
.featured-entry.active {position:relative!important;}
.featured-entry h1 {display:block;font-size:18px;font-weight:600;letter-spacing:0;background-color:#fff;padding:25px 0 0 20px;color:#222;}
.featured-excerpt {background-color:#fff;color:#888;padding:10px 20px 40px;}
.featured-image {text-align:center;}
.featured-image img {text-align:center;padding: 0 0 5px;}
.featured-title, .featured-title h1, .featured-image, .featured-excerpt, .featured-excerpt p, .featured-button {position:relative!important;top:0!important;left:0!important;width:auto!important;height:auto!important;}
#featured .button {
	font-size: 11px;
	line-height: 17px;
	padding: 3px 12px 4px 10px;
}
#featured .console li {margin-right:7px;}

/* Main */
#main {padding-top:30px;}
.no-page-title #main {padding-top:40px;}

/* Post */
.post .entry-thumb {padding-top:20px;}
.posts-list .post {padding-bottom:40px;margin-bottom:33px;}
.post .post-content {padding-top:10px;}
.post-content .more-link {margin-top:13px;}

/* Portfolio */
.portfolio-1 .entry-content {width:100%}

/* Styles */
.iframe-rwd {height:auto} /* Embedded Google Maps have an additional text below the maps.*/
.divider {padding-top:16px;margin-bottom:30px;}
.divider-title, .divider.top a {top:10px;}
#wrapper .inner {margin:0 20px;}
.content {width:100% !important;padding-bottom:10px;}
.sidebar {width:100% !important;}
.column-left {width:100%;}
.column-right {width:100%;overflow:hidden;}
#searchform input {width:70%}
#searchform button {width:20%}
#contactform .form-input {width:100%;margin:0 0 20px;}
#bottom .fl, #bottom .fr {width:100%;}

.horiz-list li {width:100%;padding:7px 0;border-bottom:1px solid #EEEEEE;}
#portfolio-filter {margin-bottom:50px;}

.row-portfolio-post .content {width:100%;}
.row-portfolio-post .sidebar {margin:0;width:100%}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fifth, .three_fifth { float: none; width:100%; margin: 0 0 10px; }
.three_fourth{float:left;}

.row-widgets .widget {float: none; width:100%; margin-bottom:30px;}

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 635px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 480px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 475px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
#wrapper .inner {margin:0 10px;}

#searchform input {width:57%}
#searchform button {width:32%}

.sliding-wrapper .next {right:-10px;}

.sliding-wrapper .prev {left:-10px;}

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 701px) 
and (max-width : 1023px) {
/* Styles */
#wrapper .inner {margin:0 30px;}
.sliding-wrapper .next {right:-20px;}

.sliding-wrapper .prev {left:-20px;}

.content {width:62%;}
.sidebar {width:33%;}
.column-left {width:28%;}
.column-right {width:66%;overflow:hidden;}
#searchform input {width:60%}
#searchform button {width:29%}
#footer .column.column-width-4 {width:23%; margin-left:2%}
#footer .column.column-width-3 {width:32%; margin-left:2%}
#footer .column.column-width-2 {width:49%; margin-left:2%}
#footer .column.column-width-1 {width:100%;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* Retina Backgrounds ----------- */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
/* Styles */
#main-nav > .current-menu-ancestor {background-image: url(images/menu_hover%402x.png);background-size:7px 10px;}
#main-nav li li:first-child {background-image: url(images/menu_top%402x.png);background-size:195px 30px;}
.portfolio-entry .extra {background-image: url(images/zoom%402x.png);background-size:61px 61px;}
.iwak-widget-twitter li {background-image: url(images/twitter%402x.png);background-size:32px 25px;}
ul.checklist li {background-image: url(images/icon_tick%402x.png);background-size:16px 16px;}
.box_download {background-image: url(images/down%402x.png);background-size:32px 32px;}
.box_info {background-image: url(images/info%402x.html);background-size:32px 32px;}
.box_warning {background-image: url(images/stop%402x.png);background-size:32px 32px;}
.box_note {background-image: url(images/notebook%402x.png);background-size:32px 32px;}
.ui-wrapper:hover .ui-resizable-se, .ui-resizable:hover .ui-resizable-se:hover { background-image: url(images/resize%402x.png); background-size:12px 12px;}

}




@media (min-width: 481px) and (max-width:640px) {
	#logo {
  width: 32%; margin:0 auto;
}

#logo img {
  display: block;
 
 
}


}




@media (min-width: 320px) and (max-width:480px) {
#logo {
  margin: 0 auto;
  width:30% !important;
}

#logo img {
  display: block;
 
 
}


}



@media (min-width: 240px) and (max-width:319px) {
#logo {
  margin: 0 auto;
  width: 23% !important;
}

#logo img {
  display: block;
 
 
}


}




















@media (min-width: 768px) and (max-width: 1024px) {

#contactform {
  
}

iframe{ width:100% !important;}

.one_third, .row-widgets-3 .widget {
  margin-right: 10px !important;
 
}

.one_fourth, .row-widgets-4 .widget {
  margin-right: 10px !important;
  
}



.content.full-width {
  display: block!important;
  margin: 0 auto!important;
  width: 95% !important;
}



#Image-Maps_6201311221006565{ display: block!important;
  margin: 0 auto!important;
  width: 100% !important; height:auto;}

}

@media (min-width: 481px) and (max-width: 767px) {
.icons img {
  margin: 0 auto !important;
}

#topbg, #header {
  
  height: auto !important;
}


iframe {
  display: block !important;
  height: 267px !important;
  margin: 0 auto 20px !important;
  width: 100% !important;
}

#post-1721 iframe {
  display: block !important;
  height: 480px !important;
  margin: 0 auto 20px !important;
  width: 100% !important;
}

.alignleft, img.alignleft, a img.alignleft {
  clear: both !important;
  display: block !important;
  float: none !important;
  margin: 0 auto !important;
}







.last {
  margin: 0 auto !important;
}

.one_third, .row-widgets-3 .widget {
  clear: both !important;
  float: none !important;
  margin: 0 auto !important;
  width: 90% !important;
}

.one_fourth, .row-widgets-4 .widget {
  margin: 0 auto !important;
  width: 90% !important;
  float: none !important;
  clear: both !important;
  padding-bottom: 20px;
}

.content.full-width {
  display: block !important;
  margin: 0 auto !important;
  width: 90% !important;
}

#footer {
 padding: 35px 35px 10px!important;
 
}


#bottom .fr {
  float: none !important;
  margin: 0 auto !important;
  display: block !important;
  width: 165px !important;
}


#bottom .fl {
  float: none !important;
  margin: 0 auto !important;
  clear: both !important;
  text-align: center;
}

.butt {
font-size: 12px !important;
}

.posts-list h3 {
  font-size: 20px;
  padding-left: 10px;
}

.posts-list h4 {
  font-size: 20px;
  text-align: center;
}

.alignright, img.alignright, a img.alignright {
  
  margin: 10px 19px 10px 16px !important;
}

ul#bottom-nav{}

#logo {
  clear: both !important;
  float: none !important;
  height: 100%;
  margin: 0 auto !important;
  position: unset !important;
  width: 25% !important;
}

.ph_no {

  margin: 0 auto !important;
}

#logo img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

#logo a {
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#header-menu {
  clear: both!important;
  margin: 0 auto!important;
  width: 100%!important;
}

.top_header_right {
  clear: both !important;
  float: none !important;
  margin: 0 auto !important;
  width: 368px !important;
}

.icons { margin:0 auto !important;
  
  padding-right: 10px;
}

#header-menu select {
  display: block !important;
  clear: both !important;
  z-index: 9999999999 !important;
}

.help_pic {
 display: none !important;
}

}




@media (min-width: 320px) and (max-width: 480px) {
.social {
  display: block !important;
  float: none !important;
  margin: 0 auto !important;
  position: absolute !important;
  top: 144px !important;
  width: 100% !important;
  z-index: 1000;
}

#container {
  background-image: none !important;
}

.posts-list h3 {
  
  padding-top: 114px;
}

.no-page-title #main {
  padding-top: 137px !important;
  clear: both !important;
}


ul.cnss-social-icon {
  list-style-type: none;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 300px !important;
}	
	
	
ul.cnss-social-icon li {
  float: left !important;
  width: auto !important;
}	
	
	
	
	
	
#post-1721 iframe {
  display: block !important;
  height: 341px !important;
  margin: 0 auto 20px !important;
  width: 100% !important;
}

.alignleft, img.alignleft, a img.alignleft {
  clear: both !important;
  display: block !important;
  float: none !important;
  margin: 0 auto !important;
}

#header {
 height: auto!important;
}

iframe {
  display: block !important;
  margin: 0 auto 20px !important;
  width: 100%;
  height: 175px !important;
}

.last {
  margin: 0 auto !important;
}

.one_third, .row-widgets-3 .widget {
  clear: both !important;
  float: none !important;
  margin: 0 auto !important;
  width: 90% !important;
}

.one_fourth, .row-widgets-4 .widget {
  margin: 0 auto !important;
  width: 90% !important;
  float: none !important;
  clear: both !important;
  padding-bottom: 20px;
}

.content.full-width {
  display: block !important;
  margin: 0 auto !important;
  width: 90% !important;
}

#footer {
 padding: 35px 35px 10px!important;
 
}


#bottom .fr {
  float: none !important;
  margin: 0 auto !important;
  display: block !important;
  width: 165px !important;
}


#bottom .fl {
  float: none !important;
  margin: 0 auto !important;
  clear: both !important;
  text-align: center;
}

.butt {
  font-size: 11px !important;
}

.posts-list h3 {
  font-size: 20px;
  
}

.posts-list h4 {
  font-size: 20px;
  text-align: center;
}

.alignright, img.alignright, a img.alignright {
  clear: both !important;
  display: block !important;
  float: none !important;
  margin: 24px auto 0 !important;
}

ul#bottom-nav{}

#logo {
  clear: both !important;
  float: none !important;
  height: 100%;
  margin: 0 auto !important;
  position: unset !important;
  width: 20% !important;
}

.ph_no {
  font-size: 11px !important;
  margin: 0 auto !important;
}

#logo img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

#logo a {
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#header-menu {
  clear: both!important;
  margin: 0 auto!important;
  width: 100%!important;
}

.top_header_right {
  clear: both !important;
  float: none !important;
  margin: 0 auto !important;
  width: 300px !important;
}

.icons {
  margin: 0 auto !important;
  width: 43%;
}

.icons img {
  height: auto;
  margin: 0 auto !important;
  width: 100%;
}

#header-menu select {
  display: block !important;
  clear: both !important;
  z-index: 9999999999 !important;
}

.help_pic {
 display: none !important;
}

}




@media (min-width: 768px) and (max-width: 800px) {
#logo {
  clear: both !important;
  float: none !important;
  margin: 0 auto !important;
  position: unset !important;
  width: 90% !important;
}	
	
.top_header_right {
  float: none !important;
  margin: 0 auto !important;
  width: 402px !important; clear: both !important;
}	
	
#header-menu select {
  display: block !important;
  margin: 0 auto;
  width: 90% !important;
}

#header {
  
  height: auto !important;
}	




	}






@media (min-width: 240px) and (max-width: 319px) {
#post-1721 iframe {
  display: block !important;
  height: 181px !important;
  margin: 0 auto 20px !important;
  width: 100% !important;
}


#container {
  background-image: none !important;
}

.alignleft, img.alignleft, a img.alignleft {
  clear: both !important;
  display: block !important;
  float: none !important;
  margin: 0 auto !important;
}

#header {
 height: auto!important;
}

iframe {
  display: block !important;
  margin: 0 auto 20px !important;
  width: 100%;
  height: 175px !important;
}

.last {
  margin: 0 auto !important;
}

.one_third, .row-widgets-3 .widget {
  clear: both !important;
  float: none !important;
  margin: 0 auto !important;
  width: 90% !important;
}

.one_fourth, .row-widgets-4 .widget {
  margin: 0 auto !important;
  width: 90% !important;
  float: none !important;
  clear: both !important;
  padding-bottom: 20px;
}

.content.full-width {
  display: block !important;
  margin: 0 auto !important;
  width: 90% !important;
}

#footer {
 padding: 35px 35px 10px!important;
 
}


#bottom .fr {
  float: none !important;
  margin: 0 auto !important;
  display: block !important;
  width: 165px !important;
}


#bottom .fl {
  float: none !important;
  margin: 0 auto !important;
  clear: both !important;
  text-align: center;
}

.butt {
  font-size: 8px !important;
}
.posts-list h3 {
  font-size: 20px;
  
}

.posts-list h4 {
  font-size: 20px;
  text-align: center;
}

.alignright, img.alignright, a img.alignright {
  float: none !important;
  margin: 0 auto !important;
  clear: both !important;
  display: block !important;
}

ul#bottom-nav{}

#logo {
  clear: both !important;
  float: none !important;
  height: 100%;
  margin: 0 auto !important;
  position: unset !important;
  width: 20% !important;
}

.ph_no {
  font-size: 10px !important;
  margin: 0 auto !important;
}

#logo img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

#logo a {
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#header-menu {
  clear: both!important;
  margin: 0 auto!important;
  width: 100%!important;
}

.top_header_right {
  clear: both !important;
  float: none !important;
  margin: 0 auto !important;
  width: 215px !important;
}

.icons {
  margin: 0 auto !important;
  width: 40%;
}

.icons img {
  height: auto;
  margin: 0 auto !important;
  width: 100%;
}

#header-menu select {
  display: block !important;
  clear: both !important;
  z-index: 9999999999 !important;
}

.help_pic {
 display: none !important;
}

}


 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {

.no-page-title #main {
  
  padding-top: 87px !important;
}

 }




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


#slider-custom {
 
  display: none!important;
}