/* #Retina Display Queries
================================================== */
@media only screen and (-Webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 4/2),
only screen and (min-device-pixel-ratio: 2),
(min-resolution: 144dpi){

blockquote {background-image:url(../images/quote%402x.png); background-size:28px 24px;}
.flexslider.preloader{background-image:url(../images/ajax-loader%402x.gif); background-size:31px 31px;}
#slider .flex-direction-nav a.flex-prev{background-image:url(../images/arrowleft_bold%402x.png); background-size:23px 40px;}
#slider .flex-direction-nav a.flex-next{background-image:url(../images/arrowright_bold%402x.png); background-size:23px 40px;}
#beforecontent .searchdomain.loading{background-image:url(../images/domainload%402x.gif); background-size:20px 20px;}
#beforecontent #btndomainsubmit{background-image:url(../images/btndomainsearch%402x.html); background-size:17px 17px;}
.commentlist li.comment ul.children li{background-image:url(../images/commentchildren-line.gif); background-size:38px 1px;}
.pullquote-right,.pullquote-left{background-image:url(../images/quote%402x.png); background-size:28px 24px;}
h2.trigger span {background-image: url(../images/toggle_close%402x.png); background-size:17px 17px;}
h2.active span{background-image: url(../images/toggle_open%402x.png); background-size:17px 17px;}
.nvr-trotating blockquote .arrowbubble{background-image:url(../images/arrowbubble%402x.png); background-size:18px 16px;}
.minisliders .flex-direction-nav a.flex-prev{background-image:url(../images/arrowleft_bold%402x.png); background-size:23px 40px;}
.minisliders .flex-direction-nav a.flex-next{background-image:url(../images/arrowright_bold%402x.png); background-size:23px 40px;}
.nvr-pf-img{background-image:url(../images/pf-loader%402x.gif); background-size:31px 31px;}
.nvr-noimage{background-image:url(../images/noimage.png); background-size:100px 71px;}
.nvr-pf-img a.zoom, div.frameimg a.zoom{background-image:url(../images/hover-zoom%402x.png)!important; background-size:26px 26px;}
.nvr-pf-img a.gotolink, div.frameimg a.gotolink{background-image:url(../images/hover-link%402x.png) !important; background-size:26px 26px;}
.nvr-pf-img a.gotopost, div.frameimg a.gotopost{background-image:url(../images/hover-doc%402x.png) !important; background-size:20px 20px;}
.flexslider-carousel .flex-direction-nav a.flex-prev{background-image:url(../images/arrowleft_bold%402x.png); background-size:23px 40px;}
.flexslider-carousel .flex-direction-nav a.flex-next{background-image:url(../images/arrowright_bold%402x.png); background-size:23px 40px;}
.hostingprice{background-image:url(../images/hostingprice%402x.png) !important; background-size:700px 200px;}
.contact_email{background-image:url(../images/icons/address/email%402x.png)!important; background-size:16px 10px;}
.contact_address{background-image:url(../images/icons/address/home%402x.png)!important; background-size:10px 14px;}
.contact_mobile{background-image:url(../images/icons/address/mobile%402x.png)!important; background-size:16px 12px;}
#aboutslider .flex-control-nav a, #machineslider .flex-control-nav a{background-image:url(../images/sliderdot.html);}
ul.customlist.listcheck li, li.check{background-image:url(../images/list-check%402x.html);background-size:12px 12px; }
ul.timeline li{background-image:url(../images/timeline.gif); background-size:58px 1px;}
.nvr_selector{background-image:url(../images/selector%402x.png); background-size:12px 8px;}

}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1024px) {
	/* HEADER & MENU VERSION 2
	------------------------------------------------------------- */
	.nvrlayout2 #subbody{border-top:0px;}
	.nvrlayout2 #headertext{display:none;}
	.nvrlayout2 #outerafterheader{padding-top:126px;}
	.nvrlayout2 #outerheaderwrapper{position:absolute; top:0px; left:0px; }
	.admin-bar.nvrlayout2 #outerheaderwrapper{top:32px;}
	.nvrlayout2 #outerheader{background-color:transparent;}
	.nvrlayout2 .searchbox{display:none;}
	
	/* HEADER & MENU VERSION 3
	------------------------------------------------------------- */
	.nvrlayout3 #subbody{border-top:0px;}
	.nvrlayout3 #headertext{display:none;}
	.nvrlayout3 #outerslider{overflow:hidden;}
	
	/* HEADER & MENU VERSION 4
	------------------------------------------------------------- */
	.nvrlayout4 .container{padding:0px 10px;}
	.nvrlayout4 #subbody{padding-top:56px;}
	.nvrlayout4 #outercontainer{margin-left:285px; width:auto;}
	.nvrlayout4 #headertext{position:absolute; top:5px; left:0px; width:100%; z-index:100;}
	.admin-bar.nvrlayout4 #headertext{top:37px;}
	.nvrlayout4 #headertext .container{max-width:none;}
	.nvrlayout4 #outerheader{position:absolute; top:61px; left:0px; width:285px; height:100%;}
	.nvrlayout4 #outerheader.sticky{position:fixed; top:0px;}
	.admin-bar.nvrlayout4 #outerheader{top:93px;}
	.admin-bar.nvrlayout4 #outerheader.sticky{top:32px;}
	.nvrlayout4 #headertext .container, .nvrlayout4 #outerheader .container{padding-left:0px; padding-right:0px;}
	.nvrlayout4 #outerheader .row{position:relative; padding-bottom:57px; border-bottom:1px solid #ebebeb;}
	.nvrlayout4 #outerheader .searchbox{position:absolute; bottom:17px; left:20px;}
	.nvrlayout4 .searchbox .searcharea{
		position:static; 
		padding:0px 0px 0px 15px;
		background-color:transparent;
		border:0px;
		display:block;
		float:left; 
	}
	.nvrlayout4 .searchbox .submit{float:left;}
	.nvrlayout4 .searchbox .searcharea .txtsearch{border:0px; padding:0px;}
	.nvrlayout4 .logo{width:100%; margin-bottom:43px;}
	.nvrlayout4 div.logoimg{padding:0px 10px;}
	.nvrlayout4 div.logoimg img{height:auto; margin:0px auto;}
	.nvrlayout4 #outerheader .navigation{padding:0px; float:left; width:100%;}
	.nvrlayout4 #outerheader .navigation .sf-menu{float:none;}
	.nvrlayout4 #outerheader .navigation .sf-menu > li{float:none; padding:0px; margin:0px;}
	.nvrlayout4 #outerheader .navigation .sf-menu > li > a{margin:0px; padding:21px 0px 21px 30px; display:block; position:relative;}
	.nvrlayout4 #outerheader .navigation .sf-menu > li .sf-sub-indicator{ background-image:url(../images/arrow-submenu.png); background-repeat:no-repeat; display:block; width:9px; height:16px; position:absolute; right:26px; top:19px; text-indent:-9999px;}
	.nvrlayout4 #outerheader .navigation ul.sub-menu{left:288px; top:-1px; right:auto; padding:0px; width:230px !important; display:none;}
	.nvrlayout4 #outerheader .navigation ul.sub-menu ul.sub-menu{left:232px !important; top:-1px;}
	.nvrlayout4 #outerheader .navigation ul.sub-menu li{float:none; background-position:13px 23px;}
	.nvrlayout4 #outerheader .navigation ul.sub-menu a{margin:0px; padding:21px 0px 21px 30px !important; line-height:100%;}
	
	#megaMenu.megaMenuVertical ul.megaMenu{float:none; border-top:1px solid #ebebeb;}
	#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-item-depth-0 > a, #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-item-depth-0 > span.um-anchoremulator {
		margin:0px; 
		padding:21px 0px 21px 30px; 
		border-bottom:1px solid #ebebeb;
	}
	#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-item-depth-0 ul.sub-menu{left:101% !important;}
	#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu {
		padding: 0px 0px;
	}
	#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-item-depth-0 ul.sub-menu li.menu-item{margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; display:block; border-bottom:1px solid #ebebeb; float:none;}
	#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-item-depth-0 ul.sub-menu li.menu-item a{margin-bottom:1px;}
	#megaMenu.megaMenuVertical div.wpmega-widgetarea{padding:15px 15px 0px 15px;}
	#megaMenu.megaMenuVertical div.wpmega-widgetarea ul.um-sidebar .widget{margin-bottom:15px; min-width:190px;}
	#megaMenu.megaMenuVertical div.wpmega-widgetarea ul{float:none;}
	
	/* HEADER & MENU VERSION 5
	------------------------------------------------------------- */
	.nvrlayout5 #subbody{
		margin:0px auto; 
		-moz-box-shadow: 0 0 3px -1px #000;
		-webkit-box-shadow: 0 0 3px -1px #000;
		box-shadow: 0 0 3px -1px #000;
	}
	
	/*====== TOP MENU VERSION 2 ======*/
	.nvrlayout2 #outerheader .sf-menu a{color:#fff;}
	.nvrlayout2 #outerheader.sticky .sf-menu a{color:#555;}
	.nvrlayout2 #outerheader .sf-menu li.sfHover ul, .nvrlayout2 #outerheader .sf-menu li:hover ul{background-color:rgba(255,255,255,0.8);}
	.nvrlayout2 #outerheader .sf-menu ul li{background-color:transparent;}
	.nvrlayout2 #outerheader .sf-menu ul li a{color:#555;}
	
	.nvrlayout2 #megaMenu ul.megaMenu > li.menu-item > a, .nvrlayout2 #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator{
		color:#fff;
	}
	.nvrlayout2 #megaMenu ul.megaMenu > li.menu-item > a:hover, .nvrlayout2 #megaMenu ul.megaMenu > li.menu-item.current-page-ancestor > a, .nvrlayout2 #megaMenu ul.megaMenu > li.menu-item.current-page-parent > a, .nvrlayout2 #megaMenu ul.megaMenu > li.menu-item.current-menu-ancestor > a, .nvrlayout2 #megaMenu ul.megaMenu > li.menu-item.current-menu-parent > a, .nvrlayout2 #megaMenu ul.megaMenu > li.menu-item.current-menu-item > a{
		color:#0b8fe8;
	}
	
	.nvrlayout2 #outerheader.sticky #megaMenu ul.megaMenu > li.menu-item > a, .nvrlayout2 #outerheader.sticky #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator{
		color:#555;
	}
	/*====== TOP MENU VERSION 3 ======*/
	.nvrlayout3 #outerheader{border-bottom:1px solid #ebebeb;}
	
	/*====== TOP MENU VERSION 4 ======*/
	.nvrlayout4 #outerheader{border-right:1px solid #ebebeb;}
	.nvrlayout4 .navigation .sf-menu{border-top:1px solid #ebebeb;}
	.nvrlayout4 .navigation .sf-menu > li > a{border-bottom:1px solid #ebebeb;}
	.nvrlayout4 .navigation ul.sub-menu{border-top:1px solid #ebebeb;}
	.nvrlayout4 .navigation ul.sub-menu li{border-bottom:1px solid #ebebeb;}
}
@media only screen and (max-width: 959px) {
	#outerslider.parallax #slider{ display:none;}
	#outerheader{background-color:#ffffff;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	#slider .caption-content h2{font-size:48px; letter-spacing:-1px; line-height:52px;}
	.searchbox{display:none !important;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
	#bodychild{width:100%; margin:0}
	
	/* Main Menu */
	.sf-menu, .sf-menu * {font-size:11px;}
	.sf-menu > li{margin-left:25px;}
	.sf-menu li{padding:2px 10px;}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		top:2.3em; /* match top ul list item height */
	}
	
	/* Header */
	
	/* Slider */
	.flex-control-nav { display:none;}
	div.pcarousel .flex-control-nav{display:block;}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 950px) {
	.sf-menu > li {
	padding:2px 8px 2px 8px;
	}
	.sf-menu a {
		font-size:10px !important;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (min-width: 768px) {
	.topnav.sf-menu {display:block !important;}
	
	/***** Mega Menu *****/
	#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator{
		padding:0px;
		margin:0px 0px 0px 30px;
		font-size:13px;
		font-weight:700;
		text-transform:uppercase;
	}
	#megaMenu ul.megaMenu li.menu-item > a span, #megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator span{
		line-height:100%;
	}
	#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after{
		margin-top:-3px;
	}
	#megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1, #megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu.sub-menu-1{
		top:40px;
	}
	#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after{right:12px;}
	#megaMenu.megaMenu-withjs ul li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item > ul.sub-menu{
		top:-3px;
		left:101%;
	}
	#megaMenu ul.sub-menu.sub-menu-1 li.ss-nav-menu-item-depth-1 a{
		font-size:12px;
		text-transform:uppercase;
		font-weight:700;
	}
	
	#megaMenu ul.sub-menu.sub-menu-1 li.ss-nav-menu-item-depth-2 a{
		font-size:12px;
		text-transform:uppercase;
		font-weight:500;
	}
	#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item{
		padding:5px 0px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.vc_responsive div.vc_row-fluid div[class*="vc_span"] {
		float: none;
		display: block;
		width: auto;
		margin-left: 0;
		margin-bottom:20px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	margin-bottom:25px;
	}
	#bodychild{width:100%; margin:0}
	
	/* Header */
	#outerheaderwrapper{height:auto!important;}
	#outerheader{position:static !important;}
	#outerheaderclone{display:none !important;}
	div.logo{text-align:center; width:100%}
	div.logoimg img{text-align:center;margin:0px auto;}
	ul#secondarynav{display:none !important;}
	#navigation{text-align:center; clear:both; padding:0px 0px 10px 0px; float:none; width:100%;}
	#navigation nav{margin-bottom:0px; float:none; position:relative;}
	#megaMenu ul ul.sub-menu{position:relative !important;}
	nav{margin:0; float:none;}
    .js .tinynav { display: block; text-align:left ; margin:20px auto 0px; max-width:100%; width:200px;}/* mobile dropdown */
    .js .topnav { display: none }
	.searchbox{display:none !important;}
	
	.breadcrumb{display:none;margin-bottom:30px; margin-top:-2px;}
	.textshadow #aftertheheader .pagetitle{text-align:center; padding:0px 0px 0px 0px;}
	.bigtext{font-size:24px;}
	.secondarytext{font-size:14px;}
	
	#outerafterheader, #outerafterheader.sticky{padding-top:31px;}
	#aftertheheader h1.pagetitle{font-size:32px;line-height:32px;}
	#aftertheheader .pagedesc{text-align:center; padding-right:10px; padding-left:10px;}
	
	/* Slider */
	#outerslider, #outerslider.sticky{padding-top:0px;}
	#slidercontainer{padding-top:0px;}
	.flexslider.preloader{min-height:150px;}
	#slider .text-caption.top {	padding-top: 20px;}
	#slider .caption-content{margin-top:0px !important; word-wrap: break-word; }
	#slider .caption-content h2{font-size:24px; letter-spacing:0px; line-height:24px;}
	#slider .caption-content div{display:none;}
	#slider a.sliderbutton{display:none;}
	.flex-control-nav { display:none;}
	.flex-direction-nav{display:none;}
	div.pcarousel .flex-control-nav{display:block;}
	.flexslider .slides > li{}
	.nvr-trotating.flexslider .slides > li{padding-top:0px;}
	#outerslider.parallax.empty, #outerslider.parallax.sticky{padding-top:100px;}
	
	/* Content */
	#maincontent{max-width:480px; margin-left:auto; margin-right:auto;}
	.separator{height:0px;padding:3px 0px 2px;}
	#outermain{padding:25px 0 15px 0;}
	#outermain .row .columns, #outermain .row .column, .outersection .row .columns, .outersection .row .column{margin-bottom:20px !important;}
	.main{padding:0;}
	.frameimg{border:0px;padding:0px;}
	
	ul.tabs li {
	width: 49%;
	margin: 0 2px 1px 0;
	text-align: center;
	}
	
	.positionright, .positionleft{
		float:none;
	}
	div.wp-pagenavi{padding:0px 20px; margin-bottom:20px;}
	
	/* Blog */
	.post{padding-bottom:0px; margin-bottom:30px;}
	.pagenavi{margin-bottom:30px;}
	.postscontainer.mason .articlewrapper{width:100%; margin-bottom:20px;}
	
	/* Sidebar */
	#sidebar{padding-top:20px; display:none;}
	#sidebar.positionright .widget-area{padding-left:0px;border-left:0px solid;}
	#sidebar.positionleft .widget-area{padding-right:0px;border-right:0px solid;}
	#sidebar .widget-container{padding:0; margin-bottom:30px;}
	
	/* Portfolio */
	.nvr-pf-container{max-width:547px !important; margin-right:auto !important; margin-left:auto !important;}
	#nvr-pf-filter{max-width:100%;}
	
	/* Products */
	body.novaro ul.products li.product{margin-right:0px; margin-bottom:20px; width:100%;}
	body.novaro .related ul.products li.product, body.novaro .related ul li.product, body.novaro .upsells.products ul.products li.product, body.novaro .upsells.products ul li.product{width:100% !important; margin-left:0px; margin-right:0px; margin-bottom:20px;}
	body.novaro #customer_details .col-1, body.novaro #customer_details .col-2{ width:100%; margin:0px 0px 20px 0px;}
	
	/* Portfolio filter */
	#filters{text-align:center;}
	
	/* Footersidebar */
	#footersidebar li.widget-container{margin-bottom:20px;}
	
	/* Footer */
	.sn{float:none;}
	#footer .copyright{ float:none; clear:both; text-align:center; padding:0px 0 0 0;}
	#footer #footermenu{float:none; text-align:center;}
	#footer .copyright, #footer #footermenu li a{font-size:10px !important;}
	
	#footer #footericon {float: none; text-align:center; margin-top:10px;}
	.sn li {display:inline-block; float:none;}
	/* contact form 7 plugin */
	.wpcf7 .label{float:none; width:100%; display:block}
	.wpcf7-submit{margin:0px 0 0 0 !important;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#bodychild{width:100%; margin:0}
	#slider .text-caption{padding-top:60px;}
	#slider .caption-content{margin-top:0px !important;}
	#slider .caption-content h2{font-size:32px; letter-spacing:0px; line-height:32px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#bodychild{width:100%; margin:0}
	#headertext{display:none !important;}
	
	/* Blog */
	#entry-author-info #author-description{margin:0}
	.avatar{display:none;}
	.commenttext{padding:20px 0 0 0;}
	.comment-body{margin-left:0 !important;}
	.entry-utility{font-size:9px !important;}
	.entry-utility a.more-link{display:none !important;}
}
