@media only screen and (min-width : 120px) and (max-width : 1025px) {
	
	li#menu-item-845663 {
    position: absolute;
    /* margin-top: -30px; */
    /* right: 100px; */
    /* height: 100px; */
    /* width: 100px; */
    margin-top: 25px;
    z-index: 99999;
}

li#menu-item-845663 a {
    position: absolute;
    z-index: 999999999;
    right: 120px;
    top: 20px;
    color: #000!important;
}	
	button#responsive-menu-button{
		background-color: #000;
		height: 40px;
		left: 0;
		padding: 0 0 0 23px;
		position: absolute;
		text-align: left;
		top: 0;
		width: 100%;
	}
	#responsive-menu-container{
		margin-top: 40px;
	}
	div.header-top{
		margin-top: 35px;
	}
	nav#ro-main-nav{
		display:none;
	}
	.buttonboxtop{
		display:block !important;
	}
	
	.header-top{
		display:block !important;
	}
	.headertopfixedheader{
		display:none !important;
	}

	.dtclosebutton{
		 visibility: hidden;
	}	
	
}

@media only screen and (min-width : 240px) and (max-width : 319px) {
	
	.header-back.heroboxhome.desktop{
		display:none;
	}
	
	.header-back.heroboxhome.mobile.mobile320{
		background: rgba(0, 0, 0, 0) url("../images/homehero320x260.png") no-repeat scroll 0 0 / 100% 260px;
		display:block;
		height: 260px;
		width: 100%;
	}
	
	.header-back.heroboxhome.mobile.mobile320 .sub-container2 {
		height: 260px;
		padding: 5px 0;
	}	
	.header-back.heroboxhome.mobile.mobile320 .sub-container2 h3 {
		font-size: 22px !important;
		letter-spacing: 1px;
		margin: 10px 5px;
	}
	.header-back.heroboxhome.mobile.mobile320 .sub-container2 h6 {
		font-size: 14px;
		letter-spacing: 1px;
		margin: 10px auto;
		width: 95%;
	}
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttons {
		bottom: 12px;
		margin: 0 auto !important;
		position: relative;
		width: 50% !important;
	}

	.header-back.heroboxhome.mobile.mobile320 .bannerbuttons .bannerbutton-buttonleft.pull-left{
		float:none !important;
		clear:both;
		overflow:hidden;
		margin:15px 0px;
	}
	
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttons .bannerbutton-buttonleft.pull-right{
		float:none !important;
		clear:both;
		overflow:hidden;
	}	
	
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttonbox {
		width: 120px;
	}
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttonbox a {
		font-size: 10px;
		height: 30px;
		line-height: 28px;
		padding: 2px 8px;
	}
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttonbox a span {
		font-size: 11px;
	}	
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttonbox a i {
		font-size: 11px;
		top: 8px;
	}	
	
	
	.header-logo {
		width: 35%;
	}
	
	.header-top .buttonboxtop{
		 top: -8px;
		 width: 120px;
	}	
	
	body.home.vc_responsive #ro-main .services .singleservice > a{
		display:none;
	}
	
	body.home.vc_responsive #boxwrapper-3 .col-md-12{
		padding:0px;
	}
	
	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity{
		padding:0px;
		clear: both;
		float: none;
		width: 100%;
		overflow:hidden;
		margin-bottom: 30px;
	}	

	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity > img{
		float: left;
		width: 20%;
	}
	

	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity p{
		float: left;
		font-size: 18px;
		line-height: 25px;
		margin-left: 5px;
		margin-top: 8px;
		text-align: left;
		width: 75%;
	}	
	
	.boxwrapper.galnceboxwrapper.desktop{
		display:none;
	}	
	
	.boxwrapper.galnceboxwrapper.mobile{
		display:block;
	}
	
	.col-lg-12.glancerow > img{
		width:100%;
	}	
	
	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70{
		margin-bottom: 0 !important;
		padding: 10px 0px;
	}

	body.single-post.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70{
		margin-bottom: 0 !important;
		padding: 10px 0px;
	}
	
	body.page-id-844783.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70{
		margin-bottom: 0 !important;
		padding: 0px !important;
	}	
	
	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70 #boxwrapper-inner-1 h2{
		font-size: 28px;
		margin: 0;
	}
	
	body.single-post.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70 #boxwrapper-inner-1 h2{
		font-size: 28px;
		margin: 0;
	}	

	

	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70{
		margin: 0;
		padding: 0;
	}
	
	body.page-template-default.vc_responsive #ro-main .vc_row-has-fill:nth-child(1){
		height: 100px;
	}

	body.page-id-844783.vc_responsive #ro-main .vc_row-has-fill{
		height: auto !important;
	}	
		
	
	
	
}

@media only screen and (min-width : 320px) and (max-width : 359px) {
	
	.header-back.heroboxhome.desktop{
		display:none;
	}
	
	ul#menu-utilities.ro-nav-content {
    overflow: inherit!important;
} 
	.header-back.heroboxhome.mobile.mobile320{
		background: url("../images/homehero320x260.png");
		display:block;
		height: 260px;
		width: 100%;
	}
	
	.header-back.heroboxhome.mobile.mobile320 .sub-container2 {
		height: 260px;
		padding: 5px 0;
	}	
	.header-back.heroboxhome.mobile.mobile320 .sub-container2 h3 {
		font-size: 25px !important;
		letter-spacing: 1px;
		margin: 15px 10px 15px;
	}
	.header-back.heroboxhome.mobile.mobile320 .sub-container2 h6 {
		font-size: 16px;
		letter-spacing: 1px;
		margin: 0 auto;
		width: 95%;
	}
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttons {
		margin: 0 auto !important;
		width: 38% !important;
	}

	.header-back.heroboxhome.mobile.mobile320 .bannerbuttons .bannerbutton-buttonleft.pull-left{
		float:none !important;
		clear:both;
		overflow:hidden;
		margin:10px 0px;
	}
	
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttons .bannerbutton-buttonleft.pull-right{
		float:none !important;
		clear:both;
		overflow:hidden;
	}	
	
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttonbox {
		width: 120px;
	}
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttonbox a {
		font-size: 10px;
		height: 30px;
		line-height: 28px;
		padding: 2px 8px;
	}
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttonbox a span {
		font-size: 11px;
	}	
	.header-back.heroboxhome.mobile.mobile320 .bannerbuttonbox a i {
		font-size: 11px;
		top: 8px;
	}
		
	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70{
		margin-bottom: 0 !important;
		padding: 10px 0px;
	}

	body.single-post.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70{
		margin-bottom: 0 !important;
		padding: 10px 0px;
	}
	
	body.page-id-844783.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70{
		margin-bottom: 0 !important;
		padding: 0px !important;
	}	
	
	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70 #boxwrapper-inner-1 h2{
		font-size: 28px;
		margin: 0;
	}
	
	body.single-post.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70 #boxwrapper-inner-1 h2{
		font-size: 28px;
		margin: 0;
	}	

	

	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70{
		margin: 0;
		padding: 0;
	}
	
	body.page-template-default.vc_responsive #ro-main .vc_row-has-fill:nth-child(1){
		height: 100px;
	}

	body.page-id-844783.vc_responsive #ro-main .vc_row-has-fill{
		height: auto !important;
	}	
	
	.pum-theme-845283 .pum-container, .pum-theme-lightbox .pum-container {
		padding: 50px 20px !important;
	}	
	div#pum_popup_title_845381{
		font-size: 24px !important;
	}
	
	.header-logo {
		width: 45%;
	}
	
	div.pum-content.popmake-content ul li{
		float:none !important;
		width:100% !important;
	}
	div.pum-content.popmake-content ul li#field_15_9{
		bottom: 25px;
		position: relative;
	}
	
	div.pum-content.popmake-content .gform_footer .gform_button.button {
		box-shadow: none !important;
	}
	div.pum-content.popmake-content .gform_footer .gform_button.button:hover {
		box-shadow: none !important;
	}	
	
	.header-top .header-nav-container{
		 top: 4px;
	}

	.header-top .header-nav-container .buttonboxtop{
		 top: 0px;
	}	
	
	body.vc_responsive .ro-section.ro-padding-top-70.ro-padding-bottom-100{
		padding-top: 10px;
	}
	
	body.vc_responsive .ro-section.ro-padding-top-100.ro-padding-bottom-100.bg-grey{
		padding-top: 10px;
	}
	body.vc_responsive .ro-section.ro-padding-top-70.padding-bottom-50{
		 padding: 10px 0px 30px 0px;
	}	
	body.vc_responsive .ro-section.ro-padding-bottom-100 {
		padding-bottom: 25px;
	}

	.boxwrapper h2 {
		 font-size: 24px;
	}
	
	
	body.home.vc_responsive #ro-main .services .singleservice > a{
		display:none;
	}
	
	body.home.vc_responsive #boxwrapper-3 .col-md-12{
		padding:0px;
	}
	
	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity{
		padding:0px;
		clear: both;
		float: none;
		width: 100%;
		overflow:hidden;
		margin-bottom: 30px;
	}	

	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity > img{
		float: left;
		width: 20%;
	}
	

	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity p{
		float: left;
		font-size: 18px;
		line-height: 25px;
		margin-left: 5px;
		margin-top: 8px;
		text-align: left;
		width: 75%;
	}	
	
	.boxwrapper.galnceboxwrapper.desktop{
		display:none;
	}	
	
	.boxwrapper.galnceboxwrapper.mobile{
		display:block;
	}
	
	.col-lg-12.glancerow > img{
		width:100%;
	}

	
	#boxwrapper-5 h4 {
		font-size: 14px;
	}

	footer .col-md-3.footebottomright{
		clear: both;
		float: none;
		margin: 0 auto;
		width: 65%;
	}
	.ro-hamburger {
		transition: all 0.4s;
		top: 25px;
		display: block;
		position: relative;
		background: transparent;
		border: 0;
		width: 22px;
		height: 14px;
		padding: 0;
		outline: none;
		cursor: pointer;
		z-index: 999; 
	}
	.ro-hamburger::before, .ro-hamburger::after, .ro-hamburger span {
		transition: all 0.4s;
		background: #444444; 
	}
	.ro-hamburger::before, .ro-hamburger::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 2px;
		width: 100%;
		left: 0;
		top: 50%;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%; 
	}
	.ro-hamburger span {
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		top: 50%;
		overflow: hidden;
		text-indent: 200%; 
	}
	.ro-hamburger::before {
		-webkit-transform: translate3d(0, -7px, 0);
		transform: translate3d(0, -7px, 0); 
	}
	.ro-hamburger::after {
		-webkit-transform: translate3d(0, 7px, 0);
		transform: translate3d(0, 7px, 0); 
	}
	.ro-main-nav-opened .ro-hamburger {
		position: fixed;
		right: 15px; 
	}
	.ro-main-nav-opened .ro-hamburger span {
		opacity: 0; 
	}
	.ro-main-nav-opened .ro-hamburger::before {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg); 
	}
	.ro-main-nav-opened .ro-hamburger::after {
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg); 
	}

	.ro-nav-content {
		transition: right 0.4s;
		display: block;
		position: fixed;
		height: 100vh;
		top: 0;
		right: -270px;
		width: 176px;
		padding: 45px 10px;
		z-index: 998;
		overflow: auto;
		background-color: #EEEEEE; 
	}
	.ro-main-nav-opened .ro-nav-content {
		right: 0; 
	}
	.ro-nav-content > li > ul > li {
		transition: all 0.4s;
		height: 0;
		overflow: hidden; 
	}

	
	.ro-nav-content > li {
		/*background-color: #ef9d03;*/
		display: block;
		line-height: 30px;
		margin: 10px 0;
		padding: 0 10px;
		text-align: justify;
		text-transform: uppercase;
	}

	.ro-nav-content > li > a {
		color: #000000;
		display: inline-block;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 1px;
		padding: 0;
		position: relative;
	}
	
	.ro-nav-content > li > a:hover {
		color: #004853;
	}	

	.buttonboxtop {
		float: right;
		margin-left: 25px;
		width: 110px;
	}
	.buttonboxtop a {
		font-size: 12px;
	}	
	.headerbottombgboxinside::before {
		color: #9b9999;
		content: open-quote;
		font-size: 5em;
		left: 5px;
		position: absolute;
		top: 0;
		opacity: 0.5;
	}	
	.headerbottombgboxinside p {
		font-size: 13px;
		padding: 12px 2px;
		width: 91%;
	}	
	.headerbottombgboxinside::after {
		color: #9b9999;
		content: close-quote;
		font-size: 5em;
		position: absolute;
		right: 5px;
		top: 0;
		opacity: 0.5;
	}	
	.headerbannerimage h3 {
		font-size: 20px;
		left: 0;
		text-align: center;
		top: 27px;
		width: 100%;
	}

	.headerbannerimage h6 {
		font-size: 15px;
		left: 16px;
		top: 52px;
		width: 85%;
	}
	.headerbottombgbox {
		height: auto;
		padding: 10px;
	}
	.boxwrapper {
		padding: 0;
	}
	.testimonialswrapper{
		background:none;
		width:100%;
	}

	.clientslogo {
		margin-bottom: 0;
		overflow: hidden;
	}	
	.clientslogo .singlelogo {
		border: 1px solid #ccc;
		height: 50px;
		margin: 15px;
		padding: 10px;
		width: 22%;
	}
	.clientslogo .singlelogo img {
		width: 100%;
	}	

	.testimonialtext {
		margin: 0;
		padding: 10px;
		width: 100%;
	}	
	.testimonialtext p {
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 20px;
		margin: 0;
	}
	.testimonialauthor h4 {
		font-size: 12px;
		margin: 0;
	}
	.services {
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		width: 98%;
	}	
	.services .singleservice {
		float: none;
		margin: 0 0 35px;
		width: 100%;
	}
	.services .singleservice img {
		margin-bottom: 5px;
		width: 40%;
	}
	.singleservice .buttonboxcolored{
		width: 75%;
		margin: 0 auto;
	}
	.cirlcebox{
		float:left;
	}
	
		body.vc_responsive #ro-main .ro-section.ro-padding-top-70 .container{
		padding: !important;
	}
	
	body.vc_responsive #ro-main .ro-section.ro-padding-top-70 .container .row{
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;		
	}	
	
	.vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover{
		margin: 0 auto !important;
		padding: 0 5px !important;
		width: 98%;
	}

	body.vc_responsive #ro-main .ro-section.ro-padding-top-70 .container .row .vc_pageable-wrapper .vc_pageable-slide-wrapper{
		margin: 0 !important;
		width: 100%;
	}	
	.vc_pageable-wrapper .vc_pageable-slide-wrapper .vc_grid-item{
		float: none !important;
		padding: 0 !important;
		width: 100%;
	}
	.simpleblog-featuredimage-wrapper{
		
	}

	.simpleblog-featuredimage-wrapper .simpleblog-featuredimage{
		padding: 0px 5px;
		margin: 0px;
	}

	.simpleblog-featuredimage-wrapper .simpleblog-featuredimage img.vc_single_image-img{
		width: 100%;		
	}

	.vc_pageable-wrapper .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-zone-mini .vc_col-sm-8.vc_gitem-col.vc_gitem-col-align-left{
		float: none !important;
		margin-top: 12px;
		padding: 0 5px;
		width: 100%;
	}	
	.simpleblog-posttitle{
		
	}
	
	.simpleblog-posttitle h2{
		font-size: 16px !important;
		line-height: 20px !important;
		padding: 0;
		text-align: center !important;
		width: 100%;
	}

	.simpleblog-posttitle h2 a{
		
	}	
	
	.simpleblog-postdate{
		
	}
	
	.simpleblog-postdate div{
		font-size: 14px;
		font-weight: bold;
		text-align: center !important;
	}

	.simpleblog-postexcerpt{
				
	}
	
	.simpleblog-postexcerpt div p{
		padding: 0 3px;
		text-align: justify !important;				
	}	
	
	.simpleblog-postbutton{
		float: none !important;
		margin: 0 auto !important;
		padding: 0;
		width: 55%;
	}	
	
	footer .ro-section.ro-padding-top.bg-grey.centerinside.footerwrapper{
		padding-top: 0px !important; 
	}
	.footercol1 {
		border-bottom: 1px solid #a49c9b;
		border-right: medium none;
		min-height: 335px;
	}

	.footercol2 {
		border-bottom: 1px solid #a49c9b;
		border-right: medium none;
		min-height: 255px;
	}
	
	.footercol3 {
		 min-height: 100px;
	}		
	
}

@media only screen and (min-width : 360px) and (max-width : 479px) {

	.pum-theme-845283 .pum-container, .pum-theme-lightbox .pum-container {
		padding: 50px 20px !important;
	}	
	div#pum_popup_title_845381{
		font-size: 24px !important;
	}
	
	.header-logo {
		width: 45%;
	}
	
	div.pum-content.popmake-content ul li{
		float:none !important;
		width:100% !important;
	}
	div.pum-content.popmake-content ul li#field_15_9{
		bottom: 25px;
		position: relative;
	}
	
	div.pum-content.popmake-content .gform_footer .gform_button.button {
		box-shadow: none !important;
	}
	div.pum-content.popmake-content .gform_footer .gform_button.button:hover {
		box-shadow: none !important;
	}
	
	.header-logo {
		width: 39%;
	}
	
	.header-top .header-nav-container{
		 top: 4px;
	}

	.header-top .header-nav-container .buttonboxtop{
		 top: 0px;
	}	
	
	body.vc_responsive .ro-section.ro-padding-top-70.ro-padding-bottom-100{
		padding-top: 10px;
	}
	
	body.vc_responsive .ro-section.ro-padding-top-100.ro-padding-bottom-100.bg-grey{
		padding-top: 10px;
	}
	body.vc_responsive .ro-section.ro-padding-top-70.padding-bottom-50{
		 padding: 10px 0px 30px 0px;
	}	
	body.vc_responsive .ro-section.ro-padding-bottom-100 {
		padding-bottom: 25px;
	}


	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70{
		margin-bottom: 0 !important;
		padding: 10px 0px;
	}
	
	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70 #boxwrapper-inner-1 h2{
		font-size: 28px;
		margin: 0;
	}

	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70{
		margin: 0;
		padding: 0;
	}
	
	body.page-template-default.vc_responsive #ro-main .vc_row-has-fill:nth-child(1){
		height: 100px;
	}
	
	body.vc_responsive .ro-section.ro-padding-top-70.ro-padding-bottom-100{
		padding-top: 10px;
	}
	
	body.vc_responsive .ro-section.ro-padding-top-100.ro-padding-bottom-100.bg-grey{
		padding-top: 10px;
	}
	body.vc_responsive .ro-section.ro-padding-top-70.padding-bottom-50{
		 padding: 10px 0px 30px 0px;
	}	
	body.vc_responsive .ro-section.ro-padding-bottom-100 {
		padding-bottom: 25px;
	}

	body.home.vc_responsive #ro-main .services .singleservice > a{
		display:none;
	}
	
	body.home.vc_responsive #boxwrapper-3 .col-md-12{
		padding:0px;
	}
	
	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity{
		padding:0px;
		clear: both;
		float: none;
		width: 100%;
		overflow:hidden;
		margin-bottom: 30px;
	}	

	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity > img{
		float: left;
		width: 20%;
	}
	

	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity p{
		float: left;
		font-size: 18px;
		line-height: 25px;
		margin-left: 5px;
		margin-top: 8px;
		text-align: left;
		width: 75%;
	}	

	
	.boxwrapper h2 {
		 font-size: 24px;
	}
	#boxwrapper-5 h4 {
		font-size: 14px;
	}
	
		.boxwrapper.galnceboxwrapper.desktop{
		display:none;
	}	
	
	.boxwrapper.galnceboxwrapper.mobile{
		display:block;
	}
	
	.col-lg-12.glancerow > img{
		width:100%;
	}

	footer .col-md-3.footebottomright{
		clear: both;
		float: none;
		margin: 0 auto;
		width: 65%;
	}
	.ro-hamburger {
		transition: all 0.4s;
		top: 25px;
		display: block;
		position: relative;
		background: transparent;
		border: 0;
		width: 22px;
		height: 14px;
		padding: 0;
		outline: none;
		cursor: pointer;
		z-index: 999; 
	}
	.ro-hamburger::before, .ro-hamburger::after, .ro-hamburger span {
		transition: all 0.4s;
		background: #444444; 
	}
	.ro-hamburger::before, .ro-hamburger::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 2px;
		width: 100%;
		left: 0;
		top: 50%;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%; 
	}
	.ro-hamburger span {
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		top: 50%;
		overflow: hidden;
		text-indent: 200%; 
	}
	.ro-hamburger::before {
		-webkit-transform: translate3d(0, -7px, 0);
		transform: translate3d(0, -7px, 0); 
	}
	.ro-hamburger::after {
		-webkit-transform: translate3d(0, 7px, 0);
		transform: translate3d(0, 7px, 0); 
	}
	.ro-main-nav-opened .ro-hamburger {
		position: fixed;
		right: 15px; 
	}
	.ro-main-nav-opened .ro-hamburger span {
		opacity: 0; 
	}
	.ro-main-nav-opened .ro-hamburger::before {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg); 
	}
	.ro-main-nav-opened .ro-hamburger::after {
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg); 
	}

	.ro-nav-content {
		transition: right 0.4s;
		display: block;
		position: fixed;
		height: 100vh;
		top: 0;
		right: -270px;
		width: 176px;
		padding: 45px 10px;
		z-index: 998;
		overflow: inherit;
		background-color: #EEEEEE; 
	}
	.ro-main-nav-opened .ro-nav-content {
		right: 0; 
	}
	.ro-nav-content > li > ul > li {
		transition: all 0.4s;
		height: 0;
		overflow: hidden; 
	}

	
	.ro-nav-content > li {
		/*background-color: #ef9d03;*/
		display: block;
		line-height: 30px;
		margin: 10px 0;
		padding: 0 10px;
		text-align: justify;
		text-transform: uppercase;
	}

	.ro-nav-content > li > a {
		color: #000000;
		display: inline-block;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 1px;
		padding: 0;
		position: relative;
	}
	
	.ro-nav-content > li > a:hover {
		color: #004853;
	}	

	.buttonboxtop {
		float: right;
		margin-left: 25px;
		width: 110px;
	}
	.buttonboxtop a {
		font-size: 12px;
	}	
	.header-back.heroboxhome.desktop{
		display:none;
	}
	
	.header-back.heroboxhome.mobile.mobile360{
		background: rgba(0, 0, 0, 0) url("../images/homehero360x280.png") no-repeat scroll 0 0 / 100% 280px;
		display:block;
		height: 280px;
		width: 100%;
	}
	
	.header-back.heroboxhome.mobile.mobile360 .sub-container2 {
		height: 280px;
		padding: 5px 0;
	}	
	.header-back.heroboxhome.mobile.mobile360 .sub-container2 h3 {
		font-size: 25px !important;
		letter-spacing: 1px;
		margin: 15px 10px 25px;
	}
	.header-back.heroboxhome.mobile.mobile360 .sub-container2 h6 {
		font-size: 16px;
		letter-spacing: 1px;
		margin: 0 auto;
		width: 95%;
	}
	.header-back.heroboxhome.mobile.mobile360 .bannerbuttons {
		margin: 0 auto !important;
		width: 38% !important;
	}

	.header-back.heroboxhome.mobile.mobile360 .bannerbuttons .bannerbutton-buttonleft.pull-left{
		float:none !important;
		clear:both;
		overflow:hidden;
		margin:15px 0px;
	}
	
	.header-back.heroboxhome.mobile.mobile360 .bannerbuttons .bannerbutton-buttonleft.pull-right{
		float:none !important;
		clear:both;
		overflow:hidden;
	}	
	
	.header-back.heroboxhome.mobile.mobile360 .bannerbuttonbox {
		width: 120px;
	}
	.header-back.heroboxhome.mobile.mobile360 .bannerbuttonbox a {
		font-size: 10px;
		height: 30px;
		line-height: 28px;
		padding: 2px 8px;
	}
	.header-back.heroboxhome.mobile.mobile360 .bannerbuttonbox a span {
		font-size: 11px;
	}	
	.header-back.heroboxhome.mobile.mobile360 .bannerbuttonbox a i {
		font-size: 11px;
		top: 8px;
	}

	.headerbottombgboxinside::before {
		color: #9b9999;
		content: open-quote;
		font-size: 5em;
		left: 5px;
		position: absolute;
		top: 0;
		opacity: 0.5;
	}	
	.headerbottombgboxinside p {
		font-size: 13px;
		padding: 12px 2px;
		width: 91%;
	}	
	.headerbottombgboxinside::after {
		color: #9b9999;
		content: close-quote;
		font-size: 5em;
		position: absolute;
		right: 5px;
		top: 0;
		opacity: 0.5;
	}	
	.headerbannerimage h3 {
		font-size: 20px;
		left: 0;
		text-align: center;
		top: 27px;
		width: 100%;
	}

	.headerbannerimage h6 {
		font-size: 15px;
		left: 16px;
		top: 52px;
		width: 85%;
	}
	.headerbottombgbox {
		height: auto;
		padding: 10px;
	}
	.boxwrapper {
		padding: 0;
	}
	.testimonialswrapper{
		background:none;
		width:100%;
	}

	.clientslogo {
		margin-bottom: 0;
		overflow: hidden;
	}	
	.clientslogo .singlelogo {
		border: 1px solid #ccc;
		height: 65px;
		line-height: 38px;
		margin: 15px;
		padding: 8px;
		width: 24%;
	}
	.clientslogo .singlelogo img {
		width: 100%;
	}	

	.testimonialtext {
		margin: 0;
		padding: 10px;
		width: 100%;
	}	
	.testimonialtext p {
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 20px;
		margin: 0;
	}
	.testimonialauthor h4 {
		font-size: 12px;
		margin: 0;
	}
	.services {
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		width: 98%;
	}	
	.services .singleservice {
		float: none;
		margin: 0 0 35px;
		width: 100%;
	}
	.services .singleservice img {
		margin-bottom: 5px;
		width: 40%;
	}
	.singleservice .buttonboxcolored{
		width: 75%;
		margin: 0 auto;
	}
	.cirlcebox{
		float:left;
	}
	
		body.vc_responsive #ro-main .ro-section.ro-padding-top-70 .container{
		padding: !important;
	}
	
	body.vc_responsive #ro-main .ro-section.ro-padding-top-70 .container .row{
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;		
	}	
	
	.vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover{
		margin: 0 auto !important;
		padding: 0 5px !important;
		width: 98%;
	}

	body.vc_responsive #ro-main .ro-section.ro-padding-top-70 .container .row .vc_pageable-wrapper .vc_pageable-slide-wrapper{
		margin: 0 !important;
		width: 100%;
	}	
	.vc_pageable-wrapper .vc_pageable-slide-wrapper .vc_grid-item{
		float: none !important;
		padding: 0 !important;
		width: 100%;
	}
	.simpleblog-featuredimage-wrapper{
		
	}

	.simpleblog-featuredimage-wrapper .simpleblog-featuredimage{
		padding: 0px 5px;
		margin: 0px;
	}

	.simpleblog-featuredimage-wrapper .simpleblog-featuredimage img.vc_single_image-img{
		width: 100%;		
	}

	.vc_pageable-wrapper .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-zone-mini .vc_col-sm-8.vc_gitem-col.vc_gitem-col-align-left{
		float: none !important;
		margin-top: 12px;
		padding: 0 5px;
		width: 100%;
	}	
	.simpleblog-posttitle{
		
	}
	
	.simpleblog-posttitle h2{
		font-size: 16px !important;
		line-height: 20px !important;
		padding: 0;
		text-align: center !important;
		width: 100%;
	}

	.simpleblog-posttitle h2 a{
		
	}	
	
	.simpleblog-postdate{
		
	}
	
	.simpleblog-postdate div{
		font-size: 14px;
		font-weight: bold;
		text-align: center !important;
	}

	.simpleblog-postexcerpt{
				
	}
	
	.simpleblog-postexcerpt div p{
		padding: 0 3px;
		text-align: justify !important;				
	}	
	
	.simpleblog-postbutton{
		float: none !important;
		margin: 0 auto !important;
		padding: 0;
		width: 55%;
	}	
	
	footer .ro-section.ro-padding-top.bg-grey.centerinside.footerwrapper{
		padding-top: 0px !important; 
	}
	.footercol1 {
		border-bottom: 1px solid #a49c9b;
		border-right: medium none;
		min-height: 335px;
	}

	.footercol2 {
		border-bottom: 1px solid #a49c9b;
		border-right: medium none;
		min-height: 255px;
	}
	
	.footercol3 {
		 min-height: 100px;
	}		
	
}

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

	.upper-container .left-area{ float:none !important; width:100% !important;}
	.upper-container .right-area{ float:none !important; width:100% !important; text-align:center !important;}

	.pum-theme-845283 .pum-container, .pum-theme-lightbox .pum-container {
		padding: 50px 20px !important;
	}	
	div#pum_popup_title_845381{
		font-size: 24px !important;
	}
	
	.header-logo {
		width: 45%;
	}
	
	div.pum-content.popmake-content ul li{
		float:none !important;
		width:100% !important;
	}
	div.pum-content.popmake-content ul li#field_15_9{
		bottom: 25px;
		position: relative;
	}
	
	div.pum-content.popmake-content .gform_footer .gform_button.button {
		box-shadow: none !important;
	}
	div.pum-content.popmake-content .gform_footer .gform_button.button:hover {
		box-shadow: none !important;
	}
	
	.header-logo {
		width: 29%;
	}
	
	.header-top .header-nav-container{
		 top: 4px;
	}

	.header-top .header-nav-container .buttonboxtop{
		 top: 0px;
	}	
	
	body.vc_responsive .ro-section.ro-padding-top-70.ro-padding-bottom-100{
		padding-top: 10px;
	}
	
	body.vc_responsive .ro-section.ro-padding-top-100.ro-padding-bottom-100.bg-grey{
		padding-top: 10px;
	}
	body.vc_responsive .ro-section.ro-padding-top-70.padding-bottom-50{
		 padding: 10px 0px 30px 0px;
	}	
	body.vc_responsive .ro-section.ro-padding-bottom-100 {
		padding-bottom: 25px;
	}


	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70{
		margin-bottom: 0 !important;
		padding: 10px 0px;
	}
	
	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70.ro-padding-bottom-70 #boxwrapper-inner-1 h2{
		font-size: 28px;
		margin: 0;
	}

	body.page-template-default.vc_responsive #ro-main .ro-section.ro-padding-top-70{
		margin: 0;
		padding: 0;
	}
	
	body.page-template-default.vc_responsive #ro-main .vc_row-has-fill:nth-child(1){
		height: 100px;
	}
	
	body.vc_responsive .ro-section.ro-padding-top-70.ro-padding-bottom-100{
		padding-top: 10px;
	}
	
	body.vc_responsive .ro-section.ro-padding-top-100.ro-padding-bottom-100.bg-grey{
		padding-top: 10px;
	}
	body.vc_responsive .ro-section.ro-padding-top-70.padding-bottom-50{
		 padding: 10px 0px 30px 0px;
	}	
	body.vc_responsive .ro-section.ro-padding-bottom-100 {
		padding-bottom: 25px;
	}

	body.home.vc_responsive #ro-main .services .singleservice > a{
		display:none;
	}
	
	body.home.vc_responsive #boxwrapper-3 .col-md-12{
		padding:0px;
	}
	
	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity{
		padding:0px;
		clear: both;
		float: none;
		width: 100%;
		overflow:hidden;
		margin-bottom: 30px;
	}	

	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity > img{
		float: left;
		width: 20%;
	}
	

	body.home.vc_responsive #boxwrapper-3 .col-md-12 .col-md-4.productivity p{
		float: left;
		font-size: 18px;
		line-height: 25px;
		margin-left: 5px;
		margin-top: 8px;
		text-align: left;
		width: 75%;
	}	
	
	.boxwrapper h2 {
		 font-size: 24px;
	}
	#boxwrapper-5 h4 {
		font-size: 14px;
	}
	
	.boxwrapper.galnceboxwrapper.desktop{
		display:none;
	}	
	
	.boxwrapper.galnceboxwrapper.mobile{
		display:block;
	}
	
	.col-lg-12.glancerow > img{
		width:100%;
	}	

	footer .col-md-3.footebottomright{
		clear: both;
		float: none;
		margin: 0 auto;
		width: 65%;
	}
	.ro-hamburger {
		transition: all 0.4s;
		top: 25px;
		display: block;
		position: relative;
		background: transparent;
		border: 0;
		width: 22px;
		height: 14px;
		padding: 0;
		outline: none;
		cursor: pointer;
		z-index: 999; 
	}
	.ro-hamburger::before, .ro-hamburger::after, .ro-hamburger span {
		transition: all 0.4s;
		background: #444444; 
	}
	.ro-hamburger::before, .ro-hamburger::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 2px;
		width: 100%;
		left: 0;
		top: 50%;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%; 
	}
	.ro-hamburger span {
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		top: 50%;
		overflow: hidden;
		text-indent: 200%; 
	}
	.ro-hamburger::before {
		-webkit-transform: translate3d(0, -7px, 0);
		transform: translate3d(0, -7px, 0); 
	}
	.ro-hamburger::after {
		-webkit-transform: translate3d(0, 7px, 0);
		transform: translate3d(0, 7px, 0); 
	}
	.ro-main-nav-opened .ro-hamburger {
		position: fixed;
		right: 15px; 
	}
	.ro-main-nav-opened .ro-hamburger span {
		opacity: 0; 
	}
	.ro-main-nav-opened .ro-hamburger::before {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg); 
	}
	.ro-main-nav-opened .ro-hamburger::after {
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg); 
	}

	.ro-nav-content {
		transition: right 0.4s;
		display: block;
		position: fixed;
		height: 100vh;
		top: 0;
		right: -270px;
		width: 176px;
		padding: 45px 10px;
		z-index: 998;
		overflow: auto;
		background-color: #EEEEEE; 
	}
	.ro-main-nav-opened .ro-nav-content {
		right: 0; 
	}
	.ro-nav-content > li > ul > li {
		transition: all 0.4s;
		height: 0;
		overflow: hidden; 
	}

	
	.ro-nav-content > li {
		/*background-color: #ef9d03;*/
		display: block;
		line-height: 30px;
		margin: 10px 0;
		padding: 0 10px;
		text-align: justify;
		text-transform: uppercase;
	}

	.ro-nav-content > li > a {
		color: #000000;
		display: inline-block;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 1px;
		padding: 0;
		position: relative;
	}
	
	.ro-nav-content > li > a:hover {
		color: #004853;
	}	

	.buttonboxtop {
		float: right;
		margin-left: 25px;
		width: 110px;
	}
	.buttonboxtop a {
		font-size: 12px;
	}	
	.header-back.heroboxhome.desktop{
		display:none;
	}
	
	.header-back.heroboxhome.mobile.mobile480{
		background: rgba(0, 0, 0, 0) url("../images/herohome480x280.png") no-repeat scroll 0 0 / 100% 280px;		
		display:block;
		height: 280px;
		width: 100%;
	}
	
	.header-back.heroboxhome.mobile.mobile480 .sub-container2 {
		height: 280px;
		padding: 5px 0;
	}	
	.header-back.heroboxhome.mobile.mobile480 .sub-container2 h3 {
		font-size: 30px !important;
		letter-spacing: 1px;
		margin: 15px 10px 25px;
	}
	.header-back.heroboxhome.mobile.mobile480 .sub-container2 h6 {
		font-size: 20px;
		letter-spacing: 1px;
		margin: 0 auto;
		width: 80%;
	}
	.header-back.heroboxhome.mobile.mobile480 .bannerbuttons {
		margin: 50px auto 20px !important;
		width: 55% !important;
	}

	.header-back.heroboxhome.mobile.mobile480 .bannerbuttons .bannerbutton-buttonleft.pull-left{
		float:left !important;
	}
	
	.header-back.heroboxhome.mobile.mobile480 .bannerbuttons .bannerbutton-buttonleft.pull-right{
		float:right !important;
	}	
	
	.header-back.heroboxhome.mobile.mobile480 .bannerbuttonbox {
		width: 120px;
	}
	.header-back.heroboxhome.mobile.mobile480 .bannerbuttonbox a {
		font-size: 10px;
		height: 30px;
		line-height: 28px;
		padding: 2px 8px;
	}
	.header-back.heroboxhome.mobile.mobile480 .bannerbuttonbox a span {
		font-size: 11px;
	}	
	.header-back.heroboxhome.mobile.mobile480 .bannerbuttonbox a i {
		font-size: 11px;
		top: 8px;
	}

	.headerbottombgboxinside::before {
		color: #9b9999;
		content: open-quote;
		font-size: 5em;
		left: 5px;
		position: absolute;
		top: 0;
		opacity: 0.5;
	}	
	.headerbottombgboxinside p {
		font-size: 13px;
		padding: 12px 2px;
		width: 91%;
	}	
	.headerbottombgboxinside::after {
		color: #9b9999;
		content: close-quote;
		font-size: 5em;
		position: absolute;
		right: 5px;
		top: 0;
		opacity: 0.5;
	}	
	.headerbannerimage h3 {
		font-size: 20px;
		left: 0;
		text-align: center;
		top: 27px;
		width: 100%;
	}

	.headerbannerimage h6 {
		font-size: 15px;
		left: 16px;
		top: 52px;
		width: 85%;
	}
	.headerbottombgbox {
		height: auto;
		padding: 10px;
	}
	.boxwrapper {
		padding: 0;
	}
	.testimonialswrapper{
		background:none;
		width:100%;
	}

	.clientslogo {
		margin-bottom: 0;
		overflow: hidden;
	}	
	.clientslogo .singlelogo {
		border: 1px solid #ccc;
		height: 100px;
		line-height: 75px;
		margin: 15px;
		padding: 8px;
		width: 26%;
	}
	.clientslogo .singlelogo img {
		width: 100%;
	}	

	.testimonialtext {
		margin: 0;
		padding: 10px;
		width: 100%;
	}	
	.testimonialtext p {
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 20px;
		margin: 0;
	}
	.testimonialauthor h4 {
		font-size: 12px;
		margin: 0;
	}
	.services {
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		width: 98%;
	}	
	.services .singleservice {
		float: none;
		margin: 0 0 35px;
		width: 100%;
	}
	.services .singleservice img {
		margin-bottom: 5px;
		width: 40%;
	}
	.singleservice .buttonboxcolored{
		width: 75%;
		margin: 0 auto;
	}
	.cirlcebox{
		float:left;
	}
	
		body.vc_responsive #ro-main .ro-section.ro-padding-top-70 .container{
		padding: !important;
	}
	
	body.vc_responsive #ro-main .ro-section.ro-padding-top-70 .container .row{
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;		
	}	
	
	.vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover{
		margin: 0 auto !important;
		padding: 0 5px !important;
		width: 98%;
	}

	body.vc_responsive #ro-main .ro-section.ro-padding-top-70 .container .row .vc_pageable-wrapper .vc_pageable-slide-wrapper{
		margin: 0 !important;
		width: 100%;
	}	
	.vc_pageable-wrapper .vc_pageable-slide-wrapper .vc_grid-item{
		float: none !important;
		padding: 0 !important;
		width: 100%;
	}
	.simpleblog-featuredimage-wrapper{
		
	}

	.simpleblog-featuredimage-wrapper .simpleblog-featuredimage{
		padding: 0px 5px;
		margin: 0px;
	}

	.simpleblog-featuredimage-wrapper .simpleblog-featuredimage img.vc_single_image-img{
		width: 100%;		
	}

	.vc_pageable-wrapper .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-zone-mini .vc_col-sm-8.vc_gitem-col.vc_gitem-col-align-left{
		float: none !important;
		margin-top: 12px;
		padding: 0 5px;
		width: 100%;
	}	
	.simpleblog-posttitle{
		
	}
	
	.simpleblog-posttitle h2{
		font-size: 16px !important;
		line-height: 20px !important;
		padding: 0;
		text-align: center !important;
		width: 100%;
	}

	.simpleblog-posttitle h2 a{
		
	}	
	
	.simpleblog-postdate{
		
	}
	
	.simpleblog-postdate div{
		font-size: 14px;
		font-weight: bold;
		text-align: center !important;
	}

	.simpleblog-postexcerpt{
				
	}
	
	.simpleblog-postexcerpt div p{
		padding: 0 3px;
		text-align: justify !important;				
	}	
	
	.simpleblog-postbutton{
		float: none !important;
		margin: 0 auto !important;
		padding: 0;
		width: 55%;
	}	
	
	footer .ro-section.ro-padding-top.bg-grey.centerinside.footerwrapper{
		padding-top: 0px !important; 
	}
	.footercol1 {
		border-bottom: 1px solid #a49c9b;
		border-right: medium none;
		min-height: 335px;
	}

	.footercol2 {
		border-bottom: 1px solid #a49c9b;
		border-right: medium none;
		min-height: 255px;
	}
	
	.footercol3 {
		 min-height: 100px;
	}		
	
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	
	.header-top .buttonboxtop{
		 top: 0;
	}	
	nav#ro-main-nav{
		display:none;
	}
	ul#menu-top-nav-utilities {
    display: none;
}
	
	ul#menu-utilities{
		display: none;
	}
	.buttonboxtop {
		top: 2px;
	}
	
	
	
	.header-back.heroboxhome.desktop {
		background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/Herader-image.jpg") no-repeat scroll 0 0 / 100% auto;
		display: inline-block;
		height: 258px;
		width: 100%;
	}
	.sub-container2 {
		padding: 25px 15px;
	}	

	.headerbottombgboxinside::before {
		left: 1%;
		top: 20%;
	}	
	.headerbottombgboxinside p {
		font-size: 15px;
		margin: 0 75px;
		width: 75%;
	}
	.headerbottombgboxinside::after {
		right: 1%;
		top: 20%;
	}	

	.testimonialswrapper{
		background:none; 
		width:100%;
	}	
	
	.col-md-12.clientslogo{
		clear:both;
		overflow:hidden;
	}
	
	.clientslogo .singlelogo {
		float: left;
		margin: 10px 8px;
		width: 12%;
		height: 65px;
		line-height: 60px;
	}	
	
	.footercol1 {
		border-bottom: 1px solid #a49c9b;
		border-right: medium none;
	}

	.footercol2 {
		border-bottom: 1px solid #a49c9b;
		border-right: medium none;
	}		
	
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
li#menu-item-845663 a {
	
	top: -20px;
	right: 15px;
}

}