/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

@media screen and (max-width: 980px) {

	body {}

	.grid, 
	.grid-right {
		float: none;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}

}
@media screen and (max-width: 768px) {
	.inn-banner-section{ background:none; height:100%; float:left; width:100%;  }

.col-380 {
  width: 290px; float:left; font-size:14px;
}
.col-300 {
  width: 240px; float:left; 
}
.col-540 {
  width: 70%;
	float:left
}
#wrapper{  clear: both;
  margin: 0px auto 60px auto;
  padding: 0 20px 20px 20px;
  position: relative;
}
.widget-wrapper {
  margin: 0 0 0px 20px;
  padding: 0px 0  20px 0 ;
	
	
}
.banner-head{float:left; width:90%; height:90px; color:#fff; padding:60px 0% 0 75px; font-size:15px; background-position:right top;}

#widgets .textwidget .services li a { color:#2f2e2e; font-family: 'ProximaNova-regular'; font-size:13px; }
a img.alignnone {
  margin: 0px 2px 0px 0;
}
table tr td{ font-size:13px;}
#footer {
  clear: both;
  margin: 0 auto;
  max-width: 768px;
  padding: 0 0px 0 25px;
}
.footer-menu {
  margin-left: 0;
  padding: 0;
}
#footer a {
  color: #b3b3b3;
  font-weight: 400;
	font-size:12px;
}
.copyright {
	text-align:left;
	width:700px;
	
}
.powered {
  text-align: left;
}
.social-menu-section{ display:none;}
.col-220 {
  width: 25%;
	float:left;
}
.col-700 {
  width: 70.468085106383%;
	float:right;
}
#widgets .leftmenu ul{ padding:0; margin:0}
#widgets .leftmenu ul li{padding: 0 0 0 0px;
	list-style:none;}
#widgets .leftmenu ul li a{
	display:block;
		padding:10px 0 10px 20px;
	background-color:#fafafa;
	line-height:20px;
	font-family: 'ProximaNova-regular';
	font-size:14px;
	color:#404040;
	width:162px;
	float:left;
	border-bottom:1px solid #cecece
}
#widgets .leftmenu ul li a:hover{ color:#50afdf; font-weight:bold;
}
#widgets .leftmenu .current_page_item a,
#widgets .leftmenu .current-menu-item a {
	color:#50afdf;
  
}
.cloud-img{ float:left; width:64px; margin-right:15px;}
.cloud-text{ float:left; width:400px; padding-bottom:15px; border-bottom:1px solid #ccc}

.home-slider {float:left; width: 100%; height:406px;}
#full-width-slider {   width: 100%; }
/*.fullWidth {   max-width: 1960px;  margin: 0 auto; }*/
.royalSlider { 	width: 100%;	height: 406px; 	position: relative;	direction:ltr; overflow:hidden; }
.rsSlide { 	position: absolute;	left: 0;	margin-top:43px;	display: block;	overflow: hidden;		height: 406px;	width: 100%;}
.rsMinW .rsBullets {	position: absolute;		bottom: 18px;	width: 100%;	height: auto;		overflow: hidden; }
.rsMinW .rsBullet { 	width: 11px;	height: 11px;	display: inline-block;	margin: 0 5px; background-image:url(../images/off-button.png); background-repeat:no-repeat;	cursor:pointer;	}
.rsMinW .rsBullet.rsNavSelected { background-image:url(../images/active-button.png); background-repeat:no-repeat; cursor:pointer;}
.trans-div{ float:left; top:80px; padding:20px 0px 00px 0px; padding-left:20px;  color:#FFFFFF; width:320px; }
.trans-div-wrap{ float:left;  width:900px; color:#FFFFFF; font-family:'ProximaNova-regular';  }
.bg-title{ float:left;font-size:35px; line-height:39px;}
.bg-text{ color:#FFf; font-size:16px; float:left; padding:20px 8px 0px 8px; }


.rsImg { float:right; width:400px; height:202px; padding-top:108px; margin-right:100px;  }
.rsImg img{ width:100%}



}

@media screen and (max-width: 650px) {

	body {}

	#logo {
		float: none;
		margin: 0;
		text-align: center;
	}

	.grid, 
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	
	.top-widget {
		float: none;
		margin: 0 auto 10px auto;
		position: relative;
		text-align: center;
		width: auto;
	}
	
	.top-widget .widget-title {
		text-align: center;
	}
	
	.js .sub-header-menu {
		display: none;
	}
	
	.js .main-nav {
		position: relative;
		background-color: #585858;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
		background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
		background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
		background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
		background-image: -o-linear-gradient(top, #585858, #3d3d3d);
		background-image: linear-gradient(top, #585858, #3d3d3d);
		clear: both;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
		margin: 0 auto;
	}
	
	.js .main-nav .menu {
		display: none;
		position: absolute;
		width: 95%;
		top: 30px;
		z-index: 1000;
	}
	
	.js .main-nav .menu ul {
		margin-top: 1px;
	}
	
	.js .main-nav .menu li {
		float: none;
		background-color: #fff;
		border-bottom: 1px solid #f5f5f5;
		
	}
	
	.js .main-nav .menu li a {
		color: #444;
		font-size: 13px;
		font-weight: normal;
		height: 35px;
		line-height: 35px;
		padding: 0 0 0 15px;
		border: none;
		
		text-shadow: none;
		text-align: left;
		cursor: pointer;
	}
	
	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background:none;
		background-color: #f5f5f5;
	}
	
	.js .main-nav .menu li li:hover {
		background: none!important;
	}
	
	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 0px 0 30px;
		height:30px;
		line-height:30px;
		background-color: #41abe1!important;
		color:#fff;
		border-left:1px solid #fff;
				border-right:1px solid #fff;
	}
	
	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}
	
	.js .main-nav .menu li a:hover {
		background-image: none;
		filter: none;
		background-color:#f5f5f5;
		color:#333;
		
	}

	.js .main-nav .menu li li a:hover{
		background-image: none;
		filter: none;
		background-color:#fff;
		color:#d7d7d7}
	
	.js .main-nav .menu li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}
	
	.js .main-nav .menu li li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}
	
	.js .main-nav .menu li li li a::after {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 30px;
	}
	
	.js .main-nav .menu li ul {
		position: static;
		visibility: visible;
		background-color: #fff;
		
	}

	.js .main-nav .menu ul {
		min-width: 0;
	}

	.js .main-nav #responsive_current_menu_item {
		display: block;
		padding: 5px 0px 5px 10px;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
	}


	.js .main-nav a#responsive_menu_button {
		position: absolute;
		display: block;
		top: 0;
		left: 100%;
		height: 29px;
		width: 41px;
		margin-left: -42px;
		margin-top:2px;
		background: url('../images/menu-icon.gif') 0 0px no-repeat;
		cursor: pointer;
	}
	
	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: url('../images/menu-icon.gif') no-repeat;
		opacity:80px;
		filter:alpha(opacity=0.8px);
	}
		
	
	.top-menu, 
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}
	
	.tinynav {
		display: block;
	}
	
	.sb-holder {
		display: block;
	}
	
	#author-meta {
		padding: 20px;
	}
	
	.hide-650 {
		display: none;
	}
	
	.show-650 {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		padding-bottom: 10px;
		text-align: center;
	}
}

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

	body {}

	#logo {
		float: none;
		text-align: center;
	}

	.grid, 
	.grid-right {
		float: none;
	}
	
	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	
	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}
	
	.featured-subtitle {
		font-size: 24px;
	}
	
	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
		float: none;
		text-align: center;
		text-rendering: optimizeSpeed;
	}
	
	.hide-480 {
		display: none;
	}
	
	.show-480 {
		display: block;
	}
	
	#footer {
  font-size: 11px;
  line-height: 1.5em;
	height:70px;
}


	#footer .social-icons {
		text-align: center;
	}
		.main-nav {
  clear: both;padding-left:17px;background:none;width:460px; float:left;
}
	
	.right-menu-section{ display:none;}
.social-menu-section{ display:block; float:left;  width:60%; text-align:right; padding:20px 0px 40px 28%; }
.social-menu-section a{ padding:0 6px; }
.banner-head{float:left; width:88%; height:90px; color:#fff; padding:40px 0% 0 40px; font-size:0; background:center top;}
.search-icon{ display:none}
#widgets .textwidget ul.services{ list-style:none; margin:0; padding:0 30px 0 0;}
#widgets .textwidget .services li{ border-top:1px solid #c7c7c7; border-bottom:0px; padding:0px 5px 0 0; height:40px; line-height:40px;}
#widgets .textwidget .services li a { color:#2f2e2e; font-family: 'ProximaNova-regular'; font-size:15px; }
#widgets .textwidget .services li a:hover { color:#2997d0;}
.leftmenu{ float:left}
#widgets .leftmenu ul{ padding:0; margin:0}
#widgets .leftmenu ul li{padding: 0 0 0 0px;
	list-style:none;}
#widgets .leftmenu ul li a{
	display:block;
		padding:10px 0 10px 20px;
	background-color:#fff;
	line-height:20px;
	font-family: 'ProximaNova-regular';
	font-size:14px;
	color:#404040;
	width:400px;
	border-bottom:1px solid #cecece
}
#widgets .leftmenu ul li a:hover{ color:#50afdf; font-weight:bold;
}
#widgets .leftmenu .current_page_item a,
#widgets .leftmenu .current-menu-item a {
	color:#50afdf;
  
}
.copyright {
	float:left;
	width:280px;
	
}
	.footer-menu {
	display:none;
  margin-left: 0;
  padding: 0;
}
h2 {
  font-size: 1.2em; /* = 36px */
	font-family: 'ProximaNova-semiBold'; 
	color:#2f2e2e;
	height:33px;
	line-height:33px;
	text-align:center;
	background-color:#fff;
	border-bottom:1px solid #ccc
}
.cloud-img{ float:left;width:45px; margin-right:15px; margin-bottom:0;}
.cloud-text{ float:none; width:95%; padding-bottom:0px; padding-right:15px; border-bottom:0px solid #ccc}

.home-slider {float:left; width: 100%; height:400px;}
#full-width-slider {   width: 100%; }
/*.fullWidth {   max-width: 1960px;  margin: 0 auto; }*/
.royalSlider { 	width: 100%;	height: 400px; 	position: relative;	direction:ltr; overflow:hidden; background-color:#41abe1; }
.rsSlide { 	position: absolute;	left: 0;	margin-top:-65px;	display: block;	overflow: hidden;		height: 420px;	width: 400px;}
.rsMinW .rsBullets {	position: absolute;		bottom: 0px;	width: 100%;	height: auto;		overflow: hidden; }
.rsMinW .rsBullet { 	width: 11px;	height: 11px;	display: inline-block;	margin: 0 5px; background-image:url(../images/off-button.png); background-repeat:no-repeat;	cursor:pointer;	}
.rsMinW .rsBullet.rsNavSelected { background-image:url(../images/active-button.png); background-repeat:no-repeat; cursor:pointer;}
.trans-div{ float:left; top:00px;text-align:center; padding:40px 0px 0px 40px; height:198px;   color:#FFFFFF; width:360px; }
.trans-div-wrap{ float:left;  width:440px; color:#FFFFFF; font-family:'ProximaNova-regular';  }
.bg-title{ float:left;font-size:26px; line-height:26px; }
.bg-text{ color:#FFf; font-size:16px; float:left; padding:0px 8px 0px 8px;  }


.rsImg { float:left; width:340px; padding-left:80px; height:120px;   }
.rsImg img{width:100%;  }
.rsContent { text-align:left; }
	
}
@media screen and (max-width: 360px) {
	
	body { background:none;}
	#logo{ width:340px;padding-left:0; padding-top:27px;text-align:center;  float:left;}
	.main-nav {
  clear: both;padding-left:17px;background:none;width:340px; float:left;
}

	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}
	
	.featured-subtitle {
		font-size: 15px;
	}
.right-menu-section{ display:none;}
.widget-wrapper {
  margin: 0 20px 0px 20px;
  padding: 0px 0 20px 0;
	/*border-bottom:1px solid #ccc;*/
	
}
.banner-head{float:left; width:88%; height:90px; color:#fff; padding:40px 0% 0 40px; font-size:0; background:center top;}
.search-icon{ display:none}
#widgets .textwidget ul.services{ list-style:none; margin:0; padding:0 30px 0 0;}
#widgets .textwidget .services li{ border-top:1px solid #c7c7c7; border-bottom:0px; padding:0px 5px 0 0; height:40px; line-height:40px;}
#widgets .textwidget .services li a { color:#2f2e2e; font-family: 'ProximaNova-regular'; font-size:15px; }
#widgets .textwidget .services li a:hover { color:#2997d0;}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}

	.hide-320 {
		display: none;
	}
	
	.show-320 {
		display: block;
	}
	.right-menu-section{ display:none;}
	.social-menu-section{ display:block; float:left;  width:60%; text-align:right; padding:20px 0px 40px 28%; }
.social-menu-section a{ padding:0 6px; }

	#footer {
  clear: both;
  margin: 0 auto;
  max-width: 270px;
  padding: 0 25px 0 25px;
}
#footer {
  font-size: 11px;
  line-height: 1.5em;
	height:70px;
}
.copyright {
	float:left;
	width:280px;
	
}
	.footer-menu {
	display:none;
  margin-left: 0;
  padding: 0;
}
h2 {
  font-size: 1.2em; /* = 36px */
	font-family: 'ProximaNova-semiBold'; 
	color:#2f2e2e;
	height:33px;
	line-height:33px;
	text-align:center;
	background-color:#fff;
	border-bottom:1px solid #ccc
}
.leftmenu{ float:left}
#widgets .leftmenu ul{ padding:0; margin:0}
#widgets .leftmenu ul li{padding: 0 0 0 0px;
	list-style:none;}
#widgets .leftmenu ul li a{
	display:block;
		padding:10px 0 10px 20px;
	background-color:#fff;
	line-height:20px;
	font-family: 'ProximaNova-regular';
	font-size:14px;
	color:#404040;
	width:200px;
	border-bottom:1px solid #cecece
}
#widgets .leftmenu ul li a:hover{ color:#50afdf; font-weight:bold;
}
#widgets .leftmenu .current_page_item a,
#widgets .leftmenu .current-menu-item a {
	color:#50afdf;
  
}
.banner-section{ background:url(../images/banner-bg-mobile.gif) repeat-x center 128px; height:100%; float:left; width:100%;  }

.cloud-img{ float:left;width:45px; margin-right:15px; margin-bottom:0;}
.cloud-text{ float:none; width:95%; padding-bottom:0px; padding-right:15px; border-bottom:0px solid #ccc}

.home-slider {float:left; width: 100%; height:400px;}
#full-width-slider {   width: 100%; }
/*.fullWidth {   max-width: 1960px;  margin: 0 auto; }*/
.royalSlider { 	width: 100%;	height: 400px; 	position: relative;	direction:ltr; overflow:hidden; background-color:#41abe1; }
.rsSlide { 	position: absolute;	left: 0;	margin-top:-65px;	display: block;	overflow: hidden;		height: 420px;	width: 350px;}
.rsMinW .rsBullets {	position: absolute;		bottom: 0px;	width: 100%;	height: auto;		overflow: hidden; }
.rsMinW .rsBullet { 	width: 11px;	height: 11px;	display: inline-block;	margin: 0 5px; background-image:url(../images/off-button.png); background-repeat:no-repeat;	cursor:pointer;	}
.rsMinW .rsBullet.rsNavSelected { background-image:url(../images/active-button.png); background-repeat:no-repeat; cursor:pointer;}
.trans-div{ float:left; top:00px;text-align:center; padding:20px 0px 0px 10px; height:198px;   color:#FFFFFF; width:330px; }
.trans-div-wrap{ float:left;  width:340px; color:#FFFFFF; font-family:'ProximaNova-regular';  }
.bg-title{ float:left;font-size:26px; line-height:26px; }
.bg-text{ color:#FFf; font-size:16px; float:left; padding:0px 8px 0px 8px;  }


.rsImg { float:left; width:280px; padding-left:50px; height:120px;   }
.rsImg img{width:100%;  }
.rsContent { text-align:left; }


}


@media screen and (max-width: 320px) {
	
	body { background:none;}
	#logo{ text-align:center; padding-left:0; width:300px; float:left;}
	.main-nav {
  clear: both;padding-left:17px;background:none;width:300px; float:left;
}

	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}
	
	.featured-subtitle {
		font-size: 15px;
	}
.right-menu-section{ display:none;}
.widget-wrapper {
  margin: 0 20px 0px 20px;
  padding: 0px 0 20px 0;
	/*border-bottom:1px solid #ccc;*/
	
}
.banner-head{float:left; width:88%; height:90px; color:#fff; padding:40px 0% 0 33px; font-size:0; background:center top;}
.search-icon{ display:none}
#widgets .textwidget ul.services{ list-style:none; margin:0; padding:0 30px 0 0;}
#widgets .textwidget .services li{ border-top:1px solid #c7c7c7; border-bottom:0px; padding:0px 5px 0 0; height:40px; line-height:40px;}
#widgets .textwidget .services li a { color:#2f2e2e; font-family: 'ProximaNova-regular'; font-size:15px; }
#widgets .textwidget .services li a:hover { color:#2997d0;}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}

	.hide-320 {
		display: none;
	}
	
	.show-320 {
		display: block;
	}
	.right-menu-section{ display:none;}
	.social-menu-section{ display:block; width:60%; text-align:right; padding:20px 0px 40px 23%; }
.social-menu-section a{ padding:0 6px; }

	#footer {
  clear: both;
  margin: 0 auto;
  max-width: 270px;
  padding: 0 25px 0 25px;
}
#footer {
  font-size: 11px;
  line-height: 1.5em;
	height:70px;
}
.copyright {
	float:left;
	width:280px;
	
}
	.footer-menu {
	display:none;
  margin-left: 0;
  padding: 0;
}
h2 {
  font-size: 1.2em; /* = 36px */
	font-family: 'ProximaNova-semiBold'; 
	color:#2f2e2e;
	height:33px;
	line-height:33px;
	text-align:center;
	background-color:#fff;
	border-bottom:1px solid #ccc
}
.leftmenu{ float:left}
#widgets .leftmenu ul{ padding:0; margin:0}
#widgets .leftmenu ul li{padding: 0 0 0 0px;
	list-style:none;}
#widgets .leftmenu ul li a{
	display:block;
		padding:10px 0 10px 20px;
	background-color:#fff;
	line-height:20px;
	font-family: 'ProximaNova-regular';
	font-size:14px;
	color:#404040;
	width:200px;
	border-bottom:1px solid #cecece
}
#widgets .leftmenu ul li a:hover{ color:#50afdf; font-weight:bold;
}
#widgets .leftmenu .current_page_item a,
#widgets .leftmenu .current-menu-item a {
	color:#50afdf;
  
}
.banner-section{ background:url(../images/banner-bg-mobile.gif) repeat-x center 128px; height:100%; float:left; width:100%;  }

.cloud-img{ float:left;width:45px; margin-right:15px; margin-bottom:0;}
.cloud-text{ float:none; width:95%; padding-bottom:0px; padding-right:15px; border-bottom:0px solid #ccc}

.home-slider {float:left; width: 100%; height:400px;}
#full-width-slider {   width: 100%; }
/*.fullWidth {   max-width: 1960px;  margin: 0 auto; }*/
.royalSlider { 	width: 100%;	height: 400px; 	position: relative;	direction:ltr; overflow:hidden; }
.rsSlide { 	position: absolute;	left: 0;	margin-top:-70px;	display: block;	overflow: hidden;		height: 420px;	width: 300px;}
.rsMinW .rsBullets {	position: absolute;		bottom: 0px;	width: 100%;	height: auto;		overflow: hidden; }
.rsMinW .rsBullet { 	width: 11px;	height: 11px;	display: inline-block;	margin: 0 5px; background-image:url(../images/off-button.png); background-repeat:no-repeat;	cursor:pointer;	}
.rsMinW .rsBullet.rsNavSelected { background-image:url(../images/active-button.png); background-repeat:no-repeat; cursor:pointer;}
.trans-div{ float:left; top:00px;text-align:center; padding:20px 0px 0px 10px; height:200px;   color:#FFFFFF; width:290px; }
.trans-div-wrap{ float:left;  width:300px; color:#FFFFFF; font-family:'ProximaNova-regular';  }
.bg-title{ float:left;font-size:26px; line-height:26px; }
.bg-text{ color:#FFf; font-size:16px; float:left; padding:0px 8px 0px 8px;  }


.rsImg { float:left; width:250px; padding-left:50px; height:120px;   }
.rsImg img{width:100%;  }
.rsContent { text-align:left; }


}

@media screen and (max-width: 240px) {
	
	body {}
	
	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}
	
	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}
	
	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"], 
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}
	
	.widget-title,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}
	
	.hide-240 {
		display: none;
	}
	
	.show-240 {
		display: block;
	}
}