/************************************************************************************/
/* 11.) Responsive CSS for Ross Video */
/*      V.1.03 */
/************************************************************************************/



/*********************************************************************************************/
/* Reset */
/*********************************************************************************************/
@media screen and (max-device-width:959px) {
html {-webkit-text-size-adjust:none}
#top { width: auto; max-width:940px; }
div#head { position: relative; width: auto; min-width:280px; min-height: 60px; height:auto; border:0px; }
div#head div.logo { display:block; padding:12px; margin: 0 auto; }

div#main { max-width:940px; width: 100%; box-sizing: border-box; float: none; padding: 0;}
div#main .wrapper { width: 100% !important; box-sizing: border-box; max-width:940px; padding:8px; background:#E9E9E9; }

/* Nice margin for all elements inside containers */
div#main .wrapper table { max-width:600px; width: auto; margin: 18px auto; float: none; border: 1px solid #EEE;  padding: 12px;}
div#main .wrapper #tablelinks table td { min-width:100px; }
div#main .wrapper #tablelinks table td a { white-space: nowrap; }

div#main .wrapper h6.breadcrumbs { margin:5px; }

div#main .wrapper .entry { width: auto; max-width:100%; float:none; }

div#main .wrapper .box { width: auto; float:none; padding:8px; margin: 0; border:0px; text-align:left; max-width:100%; background: #FFF; }
div#main .wrapper p { font-size:12px; line-height:14px; }

div#main .wrapper .box_left,
div#main .wrapper .box_small { margin:0px; width:auto; text-align:left; }
div#main .wrapper .box_left { text-align:center; display:none; /* Box Left has non friendly HTML */ } 
div#main .wrapper .box_left img { margin: 6px auto; } 
div#main .wrapper .box_left h5, div#main .wrapper .box_left p { text-align:center; }
div#main .wrapper .box_middle { width:auto; }
div#main .wrapper .box_right { width:auto; } 
div#main .wrapper .box .entry { margin:0px; }
div#main .wrapper .box .entrygrid { width:auto; max-width:614px; float:none; }
div#main .wrapper .box .entrygrid .market { width: auto; max-width:600px; margin:0px; padding:0px; text-align:center; }
div#main .wrapper .box .entrygrid .market li { margin: 0px; padding: 2px; float: none; display: inline-block; vertical-align: top; height: auto; width: 48%; }

div#main .wrapper #sidebar .widget a { width:96%; } 
div#main .wrapper #sidebar .widget ul { text-align:left; }
div#main .wrapper #sidebar .widget ul li { list-style-type: none; display: inline-block; width: 49%; min-width: 170px; text-align: left; }


div#main .wrapper .box .widget { width: auto; float:none; max-width:100%; margin:0px; }
div#main .wrapper .box .widget h5 { margin: 12px 0 0 0; }
div#main .wrapper .box #widget_box { width: auto; min-width: 250px; }
div#main .wrapper .widgethome img[src^="images/home/bottom-boxes/rosstalk.jpg"] { width:100%; }
div#main .wrapper .widgethome,
div#main .wrapper .widgetLeft { width: auto; max-width: 780px; float: none; padding: 0; text-align: center;
  margin: 0 auto; text-align:left; }
div#main .wrapper .widgetLeft ul#latest_news { background-color: #E9E9E9; border: 1px solid #CCC; padding: 14px; }
div#main .wrapper .widgethome p , div#main .wrapper .widgetLeft p,
div#main .wrapper .widgethome h1 , div#main .wrapper .widgetLeft h1,
div#main .wrapper .widgethome h2 , div#main .wrapper .widgetLeft h2,
div#main .wrapper .widgethome h3 , div#main .wrapper .widgetLeft h3,
div#main .wrapper .widgethome h4 , div#main .wrapper .widgetLeft h4,
div#main .wrapper .widgethome h5 , div#main .wrapper .widgetLeft h5 { padding: 6px; margin:0px; }
 
div#main .wrapper .widgetsocial { width: auto; float: none; margin: 0; padding: 0;   background-color: #E9E9E9;  border: 1px solid #CCC;  padding: 8px; text-align:center; }
div#main .wrapper .widgetsocial h5.heading { text-align:center; }
div#main .wrapper .widgetsocial ul.social { width: auto; max-width: 600px; margin: 0 auto; text-align:left; float: none; background:white; padding: 8px;}
div#main .wrapper .widgetsocial ul.social li { display:inline-block; vertical-align:top; float:none; max-width:100%; text-align:left; }
div#main .wrapper .widgetsocial a { display: inline-block; padding: 0 4px; }


div#main .wrapper .widgetdownloads { width: auto; margin:0 auto; float:none; }
div#main .wrapper .widgetdownloads li { background-color: #f4f4f4; }
div#main .wrapper .widgetdownloads li a { width: auto; }
div#main .wrapper .widgetdownloads li img { display: inline-block; vertical-align: middle; padding: 9px; }



div#main .wrapper img { border:0px; background:000; padding:0px; margin:12px auto; max-width:100%; height:auto; }
div#main .wrapper .floatpicright { float:none; margin:0 auto; padding:0px; }
div#main .wrapper iframe { width: auto; max-width:940px; padding:0px; margin:0px; }
div#main .wrapper .box iframe {   width: 100%; max-width: 980px; padding: 0px; margin: 0px auto; display: block; }
iframe[src^="//www.youtube"],
iframe[src^="//youtu"]{ width: 100%; max-width: 980px; height: 50vw; padding: 0px; margin: 0px auto; display: block;  }
div#main .wrapper a.readmore { padding:0px; margin:6px; min-width: 100px; text-align: left; }
div#main .wrapper form.CTA { width: auto; margin:8px 0px; padding:8px 0px; float:none; border:0px; }
  

div#content { width: auto; max-width:935px; padding:0px; margin:0px; border:0px; }
div#content div#feature_list { width: auto; max-width:935px; height:470px; height:88vw; min-height:470px; } 

div#content div#feature_list ul#output { position:relative; margin-bottom:20px; width: auto; max-width:100%; }
div#content div#feature_list ul#output li { position: relative; width: auto; height:200px; height:50vw; min-height:200px; max-width:100%; background:black; text-align: center;} 
div#content div#feature_list ul#output li a { top:10px; bottom:auto; right: auto; left: 10px; }
div#content div#feature_list ul#output li img { width: 100%; height:auto; }
div#content div#feature_list ul#output li iframe { width: 100%; height: 50vw; padding:0px; margin:0px; position: absolute; left: 0; top: 0; bottom: 0; right: 0;}

  

div#content div#feature_list ul#tabs { top:auto; bottom:0px; left:0; right:0; width: 100%; margin:0px; padding:0px; text-align:center; }
div#content div#feature_list ul#tabs li {  } 
div#content div#feature_list ul#tabs li a { height:auto; }
div#content div#feature_list ul#tabs li a.current { border: 1px solid #EB3731; }
div#content div#feature_list ul#tabs li a h3 { display:block; } 

div.additional_info {   padding-bottom: 16px; margin-top: 12px;}
div.additional_info h1 { font-size:20px; padding:6px; text-align: center; }
div.additional_info .sublogo { position: relative; left: 0; text-align: center; margin: 0 auto; }

#head form#searchform { display:none; }

div#footer { width: auto; min-width:280px; }
div#footer span.alignright { float:none; }

#footer .column { width: 100%; box-sizing: border-box; display:block; padding: 6px; margin: 0; }
#footer .column h2 { width: auto; padding:14px 6px; margin:0px; font-size: 14px; text-align:left; line-height: 14px; float:none;   border: 1px solid #666; background-color: #444;}
#footer .column ul { width:auto; padding:6px; margin:0px auto; text-align:left; }
#footer .column ul li { width: auto; float:none; }
#footer .column ul li a { font-size:12px; line-height: 16px; }

#footer .copyright { font-size:12px; }
#footer .copyright ul.social { padding:6px; margin:0px auto; }

#footer span.alignleft { margin-bottom:20px; float:none; }
#footer span.alignright {}
#footer span.alignright ul.social { width: auto; text-align: center; margin: 0 auto; padding:10px 0; float: none; display: block; }
#footer span.alignright ul.social li { float:none; }

div#top > div:nth-child(2), body.IE8 div#feature_list, body.IE9 div#feature_list, body.IE10 div#feature_list, body.IE7 div#featured-image, body.IE8 div#featured-image, body.IE9 div#featured-image, body.IE10 div#featured-image {
	margin-top: 0px;
}


/*********************************************************************************************/
/* Dropdown Menu */ 
/*********************************************************************************************/
div#head div.mobile_menu { display:block !important; width: 24px; height: 24px; background: url('/images/mobile_menu.jpg') #E9E9E9 no-repeat; background-size:100%; top: 24px; right: 10px; }

div#head ul.dropdown { display:none; position: relative; right: auto; left: auto; top: auto; width: 100%; max-width: 100%; margin-left: 0px; margin-bottom: 12px; padding: 0px;  box-sizing: border-box;text-align: center; min-height: 100%; max-height: 100%; height: auto; } 
div#head ul.dropdown > li {   float: none; display: inline-block; position: relative; background: black; opacity: 0.8; width: 100%; margin: 1px auto; padding: 11px 0; transition: all 0.3s; -webkit-transition: all 0.3s; }
div#head ul.dropdown > li a { color:#FFF; transition:all 0.3s; -webkit-transition:all 0.3s; }
div#head ul.dropdown > li div.submenu { display:none; background:000; border:0px; position:relative; transition:all 0.3s; -webkit-transition:all 0.3s;  } 
div#head ul.dropdown > li div.submenu ul.left.col { width: auto; height:auto; max-height:100%; transition:all 0.3s; -webkit-transition:all 0.3s; }
div#head ul.dropdown > li div.submenu ul.left.col li { padding:8px; background: white; height:auto; float:none; display:block; transition:all 0.3s; -webkit-transition:all 0.3s; }

div#head ul.dropdown > li:hover { width:100%; transition:all 0.3s; -webkit-transition:all 0.3s; }
div#head ul.dropdown > li:hover > a { font-weight:bold; width: 100%; display: block; padding: 22px 0; background-color: black; color: white; transition:all 0.3s; -webkit-transition:all 0.3s; }
div#head ul.dropdown > li:hover div.submenu { transition:all 0.3s; -webkit-transition:all 0.3s; }
div#head ul.dropdown > li:hover div.submenu div.inner {  }
div#head ul.dropdown > li:hover div.submenu ul.left.col { width:100%; margin: 8px 0; transition:all 0.3s; -webkit-transition:all 0.3s; }
div#head ul.dropdown > li:hover div.submenu ul.left.col li { width: 100%; text-align: center; transition:all 0.3s; -webkit-transition:all 0.3s; }

div#head ul.dropdown > li#menu-products:hover div.submenu ul.right.col { display:none; }

/*********************************************************************************************/
/* Home Page*/ 
/*********************************************************************************************/
div#featured_alt { height: auto; } 
div#featured_alt ul#yourSliderId { float: none; max-width: 100%; height: 200px; height:50vw; }
div#featured_alt ul#yourSliderId li { height: 200px; height:50vw; }
div#featured_alt ul#yourSliderId li div { background-size:100% !important; width: auto!important; max-width:940px!important; padding: 0!important; margin: 0!important; }
div#featured_alt ul#yourSliderId li div h1 {
	position:absolute;
	top:10px;
	left:0px;
  	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
  	color: white;
  	padding: 6px 0px;
  	margin: 0;
	text-align:center;
	font-size:16px;
}
div#featured_alt ul#yourSliderId li div p { display:none; }
div#featured_alt ul#yourSliderId li div a.learn { bottom: 10px; position: absolute; right: 0; left: 0; margin: 0 auto; opacity:0.8; }

div#featured_alt .arrows { top:130px; }
div#featured_alt .arrows .slider_arrow_left { left:10px; background-size: 30px; padding:20px; }
div#featured_alt .arrows .slider_arrow_right { right: 10px; background-size: 30px; padding:20px; background-position-x: right; }


/*********************************************************************************************/
/* Solution Pages */ 
/*********************************************************************************************/

body.solution div#main .wrapper { background:white; }
body.solution div#featured-image { width: auto; max-width:1200px; margin: 0; min-height:220px; overflow: hidden; }
body.solution div#featured-image img {  position: absolute;  top: 0;  left: 0; }
body.solution div#featured-image span.subtitle,
body.solution div#featured-image span.quote,
body.solution div#featured-image span.title,
body.solution div#featured-image h1.title { position:relative; top:0px; left:0px; bottom: 0px; right: 0px; display:block!important; margin:6px; }
body.solution div#featured-image h1.title { font-size: 26px; }
body.solution div#featured-image span.quote {   position: absolute; bottom: 0px; left: 0; top: auto; right: auto; text-indent: 0px; bottom:0px; left:0px; width: auto; max-width:470px; font-size:12px; line-height: 14px; }
body.solution div#featured-image span.quote.long { width:98%; }

body.solution div#featured-image.right h1.title { left:auto; right:10px; }
body.solution div#featured-image.right span.subtitle, body.solution div#featured-image.right span.subtitle a { left:auto; right:10px; }
body.solution div#featured-image.right span.quote { left:auto; right:10px; }


body.solution ul#callouts-section { margin:6px; }
body.solution ul#callouts-section:after { content:""; }
body.solution ul#callouts-section li { width:460px; max-width:100%; height:146px; }
body.solution ul#callouts-section li.cta { height:220px; }
body.solution ul#callouts-section li.cta form.CTA.inline.list { height:220px; }
body.solution ul#callouts-section li.solution img { max-width:100%; }
body.solution ul#callouts-section li.solution span.title { bottom: 8px; }


/*********************************************************************************************/
/* Testimonials */
/*********************************************************************************************/
body.testimonial { }
body.testimonial div#main div.wrapper { background:white; }
body.testimonial div#main div.wrapper section { }
body.testimonial div#top, body.testimonial div#top div#main, body.testimonial div#top div#main div.wrapper { width: auto !important; max-width:1200px; }
body.testimonial div#top div#main { padding:0px; }
body.testimonial div#top, body.testimonial div#top div#main, body.testimonial div#top div#main div.wrapper { width:100% !important; }
body.testimonial div#top div#main div.wrapper section.message { padding:0px; margin:0px; }
body.testimonial div#top div#main div.wrapper section:first-child { margin-top:0px; }

body.testimonial div#top div#main div.wrapper section#main-message { background-size: cover; background-position: center; background-repeat: no-repeat; }

body.testimonial div#main section p { font-size:12px; }
body.testimonial div#main section h1, body.testimonial div#main section h2, body.testimonial div#main section h3 { font-size: 18px; }
body.testimonial div#main img { display:block; margin:6px auto; max-width:96%; padding:0px; }
body.testimonial div#main section div.TestimonialBox.black { padding:8px; margin:35px 15px; }

body.testimonial section div.importantQuote { width:auto; max-width: 100%; float: none; padding: 15px; margin: 0;  text-align: center; font-size: 16px; line-height:17px; }

body.testimonial section.calltoaction { height: 160px; min-height: 160px !important; }
body.testimonial section.calltoaction a { margin:0px;  }


/*********************************************************************************************/
/* Testimonial boxes */
/*********************************************************************************************/
section#testimonial div.testimonial.box { margin: 10px 0; padding: 0;   border: 1px solid rgb(87, 87, 87); }
section#testimonial div.testimonial.box a div.photo { border:0px;   width: 300px; }
section#testimonial div.testimonial.box a div.description { margin: -10px auto 20px auto; }
section#testimonial div.testimonial.box a div.description div.content h4 { font-size: 18px; }


/*********************************************************************************************/
/* Other boxes */
/*********************************************************************************************/
div#legacy_box { margin:0 auto; width: auto; max-width:560px; }
div#legacy_box a.download { float:none;  }

#box-table { width:280px; margin:0 auto; }
table .side_date { width:50px; }
div.pquote {   width: 250px; max-width: 550px; margin: 0 auto; text-align: center; }


ul.flickr { text-align:center !important; }
ul.flickr li { float:none !important; margin:0px !important; padding:2px !important; display:inline-block !important; vertical-align:top !important; }
ul.flickr li.start { clear:none !important; }

/* Sales Rep */
.coda-slider .panel-wrapper { padding: 0; width: 306px; margin: 6px; }

form.form p.submit { margin:0px; }
form.form p.submit input { margin:6px 3px; }
input:not([type="submit"]), #main_body input, textarea { max-width:98%; } 



/*********************************************************************************************/
/* Small Adjustments*/
/*********************************************************************************************/
a.exciting_opportunities { display:block; background: #ed3529; padding-bottom: 10px; }


}

/* Precision adjustments for mobile */
@media screen and (max-device-width:419px) {

div#main .wrapper #sidebar .widget ul li { width: 100%; min-width: 60px;  }

}



/* SHOPIFY ADJUSTMENTS */

body#page-index {}
body#page-product div#product-page div#product-details { float: none; }
body#page-cart p.checkout { float:none; text-align:right; }
body#page-cart .additional-checkout-buttons { float:none; text-align:right; }