/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; /*-webkit-backface-visibility: hidden; */
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;} 
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/

.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}

.flex-viewport {max-height: 2000px !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px;}
 
/* Direction Nav */
 
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 0px; height: 0px; margin: -20px 0 0; display: block; 

position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {right: 100px;} 
.flexslider:hover .flex-next {opacity: 0.8;}
.flexslider:hover .flex-prev {opacity: 0.8; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

 
 

@media (min-width:320px) and (max-width:480px) {
.logo-top { width:100%; text-align:center; margin:0px auto; }
.logo-top img { margin:0px auto 20px; }
.select-menu { position:static; float:none; width:100%; }
.navbar { background:#333946; position:static !important; }
.contact-new-in { position:static;}
.contact-new { padding:20px 0px 0 0; background:none; margin:0px 0px; }
.get-in-form { width:96%; padding:2%; } 
.get-in-form input[type="text"] { width:47%; color:#fff; }
.get-in-form textarea {   color:#fff; }
 .new-innier-con { background:#333946; }
.container { height:auto !important; }
.image-item { width:100%; float:none; }
.tab-content { padding:30px 0px 0px 0px; }
.tag-btns-block { width:95%; }
.tag-btns { width:95%; }
.promo-area { height: auto !important; }
.promo-area h3 { padding-bottom:25px; padding-top:25px; }
.promo-area img { padding-top:20px; } 
.nav-tabs li { width:30%; min-height:94px; }
.scheme-item i { line-height:60px; }
.scheme-item span { padding:0px 0px 10px 0px; font-size:11px; }
.left-blog { width:100%; } 
.right-blog { width:100%; }
.right-blog-inner { margin:10px 0px 0px 0px; }
.left-blog-inner .dot { display:none; }
.sticky-wrapper { height:auto !important; }
.right-blog-inner .dot{ display:none; }

.brands { padding:7px 15px; }
.brands img  { margin:8px auto !important; display:block; }

.side-form  { width:85%; margin:50px auto 0px; }
body.js #file-upload {  background-image: url(https://www.inerun.com/img/upload-resume1.png);    }
body.js #file-upload input { width:55%; }
body.js #file-upload #no-click{ width:55%; }
.form-bg { position:absolute; background:none; }
.blonk-color { position:fixed; background:rgba(0,0,0,0.7); width:100%; height:100%;  }
}


@media (min-width:481px) and (max-width:757px) {
.side-form  { width:85%; margin:50px auto 0px; }
.form-bg { position:absolute; background:none; }
.blonk-color { position:fixed; background:rgba(0,0,0,0.7); width:100%; height:100%;   }
body.js #file-upload {  background-image: url(../img/upload-resume.png);    }
body.js #file-upload input { width:69%; }
body.js #file-upload #no-click{ width:69%; }
.scheme-item { min-height:100px; }
.logo-top { width:40%; text-align:center; float:left; }
.logo-top img { margin:0px auto 0px; width:80%; }
.select-menu { position:static; float:right; width:40%;  margin-top:11px;}
.navbar { background:#333946; position:static !important; }
.contact-new-in { position:static;}
.contact-new { padding:20px 0px 0 0; background:none; margin:0px 0px; }
.get-in-form {    width:96%; padding:2%; } 
.get-in-form input[type="text"] { width:48.7%; color:#fff; }
.get-in-form textarea {   color:#fff; }
  .new-innier-con { background:#333946; }
.container { height:auto !important; }
 
.promo-area { height: auto !important;  }
.promo-area h3 { padding-bottom:25px; padding-top:25px; }
.promo-area img { padding-top:20px; }
.scheme-item i { line-height:60px; }
.scheme-item span { padding:0px 0px 10px 0px; font-size:11px; }
.tab-content { padding:30px 0px 0px 0px; }
.tag-btns-block { width:95%; }
.tag-btns { width:95%; }
.left-blog { width:100%; } 
.right-blog { width:100%; }
.right-blog-inner { margin:10px 0px 0px 0px; }
.left-blog-inner .dot { display:none; }
.right-blog-inner .dot{ display:none; }
}

@media (min-width:768px) and (max-width:900px) {
.brands { padding:7px 15px; display:block;  }
.brands img  { margin:8px 15px !important; display:inline; }

.logo-top { width:40%; text-align:center; float:left; }
.logo-top img { margin:0px auto 0px; width:67%; }
.select-menu { position:static; float:right; width:40%;  margin-top:11px;}
.promo-area { height: auto !important; }
.promo-area h3 { padding-bottom:25px; padding-top:25px; }
.promo-area img { padding-top:20px; }

.contact-new-in { position:static;}
.contact-new { padding:20px 0px 0 0; background:none; margin:0px 0px; }
.get-in-form {    width:96%; padding:2%; } 
.get-in-form input[type="text"] { width:48.7%; color:#fff; }
.get-in-form textarea {   color:#fff; }
  .new-innier-con { background:#333946; }
.container { height:auto !important; }
.left-blog { width:100%; } 
.right-blog { width:100%; }
.right-blog-inner { margin:10px 0px 0px 0px; }
.left-blog-inner .dot { display:none; }
.right-blog-inner .dot{ display:none; }
.scheme-item i { line-height:60px; }
.scheme-item span { padding:0px 0px 10px 0px; }

}

@media (min-width:901px) and (max-width:1100px) {
.brands img  { margin:0px 8px  !important; display:inline; }
.logo-top { width:25%; text-align:center; float:left; }
.logo-top img { margin:0px auto 0px; width:70%; }
.select-menu { position:static; float:right; width:40%;  margin-top:11px;}

 
 .get-in-form {    width:96%; padding:2%; } 
.get-in-form input[type="text"] { width:48.7%; color:#fff; }
.get-in-form textarea {   color:#fff; }
  .new-innier-con { background:#333946; }
.container { height:auto !important; }
 
.scheme-item i { line-height:80px; }
.scheme-item span { padding:0px 0px 20px 0px; }
.left-blog-inner .dot { right:-41px; }
.right-blog-inner .dot { left:-37px; }
}

















 