/* --------------------------------------
=========================================
   6. RESPONSIVE CSS FIXES
=========================================
-----------------------------------------*/

/*---------------------------------------
   6.1 FIXES FOR >= 1200PX SCREENS          
-----------------------------------------*/
@media (min-width: 1200px) {
  .header-style-two .vertical-registration-form {
    width: 80%;
  }
}

/*---------------------------------------
   6.1a FIXES FOR >= 1200PX SCREENS          
-----------------------------------------*/
@media (max-width: 1200px) {
  .woocommerce ul.products li.product a.added_to_cart {
    padding: 6px 15px 6px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
    width: auto !important;
  }
}

/*---------------------------------------
   6.2 FIXES FOR 992PX to <= 1199PX SCREENS          
-----------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 90% !important;
  }

  body {
    font-size: 15px;
    line-height: 26px;
  }
}

/*---------------------------------------
   6.3 FIXES FOR <= 1024PX SCREENS          
-----------------------------------------*/
@media (max-width: 1024px) {
  .header .overlay-layer {
    padding-bottom: 85px;
  }

  .header,
    .features,
    .stats {
    background-attachment: scroll !important;
  }

    .vertical-registration-form,
    .header-style-two .vertical-registration-form {
     width: 100%;
     float: none;
    }

    .header .overlay-layer {
     padding-top: 60px;
    }

    .intro-section,
    .header-style-two .intro-section,
    .header-style-three .intro-section {
     margin-top: 60px;
    }

    .header-style-one .intro-section,
    .header-style-four .intro-section {
     margin-top: 20px;
    }

  .feature .icon-container {
    margin-right: 0;
    padding-top: 14px;
  }

  .wow {
    -webkit-transform: translateZ(0);
  }
}

/*---------------------------------------
   6.4 FIXES FOR <= 991PX SCREENS          
-----------------------------------------*/
@media (max-width: 991px) {
  html {
    font-size: 90% !important;
  }

  body {
    font-size: 15px;
    line-height: 26px;
  }
  
  .browser-image img {
        width: 100%;
    }

  .client-logos li {
    margin: 15px 15px 15px 15px;
  }

  .client-logos li img {
    max-width: 60px;
    opacity: 0.6;
  }

  .pull-left,
    .pull-right {
    float: none !important;
    margin: auto !important;
  }

  .text-left,
    .text-right {
    text-align: center;
  }

  .timeline-box-wrap .info h1:after {
    content: "";
    margin-left: auto;
    margin-right: auto;
  }

  #latestnews .timeline-text .text-left {
    text-align: left;
  }

  #latestnews .timeline-text .colored-line-left {
    float: left;
  }

  .brief .section-overlay-layer {
    padding-bottom: 40px;
  }

  .colored-line-left {
    float: none;
    margin: auto;
  }

  .brief .brief-image-right,
    .brief .brief-image-left {
    margin-top: 20px;
    padding-bottom: 40px;
    max-width: 430px;
    margin: auto;
  }

  .brief .brief-image-right img,
    .brief .brief-image-left img {
    float: none;
    width: 90%;
  }

  .border-right-colored,
    .border-left-colored,
    .border-left,
    .border-right {
    border: none !important;
  }

  .features {
    background-image: none;
  }

  .single-feature {
    margin-bottom: 28px;
    width: 33%;
    float: left;
  }

  .left-side .single-feature,
    .right-side .single-feature {
    padding-left: 15px;
    padding-right: 15px;
  }

  .feature .icon-container {
    float: none;
  }

  .feature .description {
    width: auto;
    float: none;
  }

  .pricing-table {
    padding-left: 0;
    padding-right: 0;
  }

  .header-style-four .horizontal-subscribe-form .input-box {
    width: inherit;
    width: 100%;
    margin-bottom: 5px;
  }

  .header-style-four .horizontal-subscribe-form .standard-button {
    width: 100%;
  }

  .header-style-four .horizontal-subscribe-form {
    width: 100%;
    margin: auto;
  }
  
  .header-style-five .intro-section {
    margin-top: 20px;
  }
  
  .unique-features-cols-two .unique-features-col {
    width: 100%;
  }
  
  .brief-left .brief-content-two,
  .brief-right .brief-content-two {
    float: none;
  }

  .feedback {
    padding-bottom: 45px;
  }

  .feature-list li {
    text-align: left;
  }

  .timeline h2 {
    padding-right: 0;
  }

  .parallax-slider-whole-wrap {
    padding-top: 20px;
  }

  a.control_next,
  a.control_prev {
    top: 0;
    position: relative;
    width: 0px;
    display: inline-block;
  }

  #parallax_slider {
    margin: 0px auto 0 auto;
  }

  .testimonials-wrap .testimonials-box {
    width: 100%;
  }

  .team-member-wrap .team-member-box {
    max-width: 300px;
  }
  
  .controls-wrap {
    text-align: center;
  }

  #sidebar-secondary {
    margin: 0;
    padding-top: 50px;
    border-top: 1px solid #E7E7E7;
    border-left: 0;
    padding-left: 15px;
    width: 100%;
  }
  
  #primary, 
  #sidebar-secondary {
    float: left;
    width: 100%;
  }

  .entry-header .colored-line-left {
    float: left;
  }

  .service-box {
    width: 100%;
  }

  #sidebar-secondary .colored-line-left {
    float: left;
  }

  .content-page > .col-md-6 {
    padding: 0;
  }

  .gridalicious .galcolumn {
    width: 50% ;
  }

  .woocommerce ul.products li.product, 
  .woocommerce-page ul.products li.product {
      float: left;
      width: 48%;
      margin: 0 1.75% 0 1.75%;
      margin-bottom: 30px;
  }

  .woocommerce ul.products li.product:nth-child(2n+1),
  .woocommerce-page ul.products li.product:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }

  .woocommerce ul.products li.product:nth-child(2n),
  .woocommerce-page ul.products li.product:nth-child(2n) {
    margin-right: 0;
    clear: right;
  }

  .woocommerce-page .upsells.products ul li.product, 
  .woocommerce-page .upsells.products ul.products li.product, 
  .woocommerce .upsells.products ul li.product, 
  .woocommerce .upsells.products ul.products li.product, 
  .woocommerce .related ul li.product, 
  .woocommerce .related ul.products li.product,
  .woocommerce-page .related ul li.product, 
  .woocommerce-page .related ul.products li.product {
      float: left;
      width: 48%;
      margin: 0 1.75% 0 1.75%;
      margin-bottom: 30px;
  }

  .woocommerce-page .upsells.products ul li.product:nth-child(2n+1), 
  .woocommerce-page .upsells.products ul.products li.product:nth-child(2n+1), 
  .woocommerce .upsells.products ul li.product:nth-child(2n+1), 
  .woocommerce .upsells.products ul.products li.product:nth-child(2n+1), 
  .woocommerce .related ul li.product:nth-child(2n+1), 
  .woocommerce .related ul.products li.product:nth-child(2n+1),
  .woocommerce-page .related ul li.product:nth-child(2n+1), 
  .woocommerce-page .related ul.products li.product:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }

  .woocommerce-page .upsells.products ul li.product:nth-child(2n), 
  .woocommerce-page .upsells.products ul.products li.product:nth-child(2n), 
  .woocommerce .upsells.products ul li.product:nth-child(2n), 
  .woocommerce .upsells.products ul.products li.product:nth-child(2n), 
  .woocommerce .related ul li.product:nth-child(2n), 
  .woocommerce .related ul.products li.product:nth-child(2n),
  .woocommerce-page .related ul li.product:nth-child(2n), 
  .woocommerce-page .related ul.products li.product:nth-child(2n) {
    margin-right: 0;
    clear: right;
  }

}

/*---------------------------------------
   6.5 FIXES FOR => 768PX to <= 991PX SCREENS          
-----------------------------------------*/
@media (max-width: 782px) {
  .admin-bar .sticky-navigation-open .sticky-navigation {
    top: 46px;
  }
  .contact-links .contact-link-box {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .navbar>.container .navbar-brand, 
  .navbar>.container-fluid .navbar-brand {
      margin-left: 0;
  }
  
  .main-navigation {
    margin: 0 -0.875em;
  }

  .main-navigation .primary-menu {
    border: 0;
  }

  .main-navigation li {
    border: 0;
    float: left;
  }

  .main-navigation li:hover > a,
  .main-navigation li.focus > a {
    color: #007acc;
  }

  .main-navigation ul ul {

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: block;
    float: left;
    margin: 0;
    position: absolute;
    left: -999em;
    z-index: 99999;
    padding: 0;
    top: 100%;
    background: #FFF;
    list-style: none;
  }
  
  .main-navigation ul ul ul {
    left: -999em;
    top: 0px;
  }

  .main-navigation ul ul ul:before,
  .main-navigation ul ul ul:after {
    border: 0;
  }

  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    left: 100%;
  }

  .main-navigation ul ul a {
    white-space: normal;
    width: 15em;
  }


  .main-navigation li:hover > ul,
  .main-navigation li.focus > ul {
    left: auto;
  }

  .main-navigation .menu-item-has-children > a {
    margin: 0;
  }

  .main-navigation .menu-item-has-children > a:after{
    content: "\e0d4";
    font-family: stamp-icons!important;
    position: absolute;
    top: 23px;
    right: 0;
    z-index: -1;
    line-height: 24px;
  }


  .main-navigation ul ul .menu-item-has-children > a:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 0;
    line-height: 38px;
    right: 10px;
  }

  .no-menu > li{
    float:none;
    display: inline-block;
  }
  
  .dropdown-toggle,
  .main-navigation ul .dropdown-toggle.toggled-on,
  .site-header .social-navigation,
  .site-footer .main-navigation {
    display: none;
  }
  
  .menu-align-center .primary-menu,   .menu-align-center .no-menu{
      text-align: center;
      width: 100%;
      margin-bottom: 10px;
    padding: 0;
  }
  
  .menu-align-center .primary-menu > li,  .menu-align-center .no-menu > li {
      display: inline-block;
      float: none;
  }
  
  .menu-align-center .primary-menu > li a {
    padding: 5px 8px;
  }
  
  .menu-align-center .primary-menu > li.menu-item-has-children a{
    padding: 5px 18px 5px 8px;
  }
  
  .menu-align-center .primary-menu > li.menu-item-has-children a:after, .sticky-navigation .no-menu > li.page_item_has_children > a:after {
    line-height: 28px;
    top: 0;
  }
  
}

@media (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 95%;
  }

  .sticky-navigation {
    min-height: 70px;
  }

  .sticky-navigation .main-navigation > li.has_children > a {
    line-height: 34px;
    line-height: 18px;
    padding: 26px 18px;
  }

  .sticky-navigation .login-register {
    margin-top: 3px;
  }

  .ipad-image {
    max-width: 500px;
  }

}

/*---------------------------------------
   6.6 FIXES FOR <= 768PX SCREENS          
-----------------------------------------*/
@media (max-width: 767px) {
  
  html {
    font-size: 80%;
  }

  .navbar-toggle {
    font-size: 30px !important;
  }

  .navbar-inverse .navbar-toggle {
    border: 0 !important;
  }

  .navbar-inverse .navbar-toggle,
  .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
    background-color: inherit;
    box-shadow: none;
  }

  .sticky-navigation .main-navigation li a {
    line-height: inherit;
    padding: 10px;
  }

  .border-right-colored,
    .border-left-colored {
    border: none;
  }

  .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
    border-color: rgba(49, 49, 49, 0.1);
  }

  .sticky-navigation {
    min-height: 60px;
  }

  .nav > li {
    display: inline-block;
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-left: 15px;
  }

  .container>.navbar-header {
    margin-left: 0;
    margin-right: 0;
  }

  .menu-align-center .navbar-header > a {
    float: left;
  }

  .brief {
    padding-top: 65px;
    padding-bottom: 0px;
  }

  .brief .section-overlay-layer {
    padding-bottom: 0px;
  }

  .section-header {
    margin-top: 75px;
    margin-bottom: 50px;
  }

  .features .overlay-layer-2 {
    padding-bottom: 50px;
  }

  .pricing-table {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
  }

  .highlighted {
    margin-top: 0;
  }

  .single-pricing {
    margin-bottom: 40px;
  }

  .single-stats .icon-container {
    margin-bottom: 20px;
  }

  .single-stats .icon-container span {
    font-size: 50px;
  }

  .team-member {
    margin-bottom: 25px;
    max-width: 270px;
  }

  .contact-info .contact-links a {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-widget-wrap .widget-box {
    width: 50%;
  }

  .jspVerticalBar {
    margin-right: 8px;
  }

  /* fixed header */
  .sticky-navigation {
    top: 0 !important;
    opacity: 1 !important;
    position: relative !important;
  }

  .sticky-navigation .main-navigation ul,
  .sticky-navigation .main-navigation ul ul,
  .sticky-navigation .main-navigation ul ul ul{
    position: relative;
    left: 0;
    left: auto;
  }

  .sticky-navigation .main-navigation ul,
  .sticky-navigation .main-navigation ul li,
  .sticky-navigation .main-navigation ul a {
    width: 100%;
  }

  .sticky-navigation .main-navigation ul li:hover > ul {
    left: 0;
  }

  .sticky-navigation .main-navigation ul {
    box-shadow: none;
    padding: 0;
  }

  .sticky-navigation .primary-menu ul li {
    padding-left: 7%;
  }

  .sticky-navigation .main-navigation ul .dropdownmenu, 
  .dropdownmenu {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 5px;
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #999999;
  }

  .sticky-navigation .main-navigation ul .this-open > .dropdownmenu, 
  .this-open > .dropdownmenu {
    background: #008ed6;
  }

  .dropdownmenu:before {
    content "";
    text-align: center;
    width: 25px;
    height: 25px;
    color: #FFF;
    line-height: 26px !important;
    text-align: center;
    float: left;
  }

  .this-open > a {
    color: #008ed6 !important;
  }

  .has_children > ul {
    display: none;
  }

  .has_children.this-open > ul {
    display: block;
  }

  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 2000px;
  } 
  
  #menu-primary {
    float: none;
    width: 100%;
    margin: 0;
  }
  .menu-align-center #menu-primary > ul {
    margin-left: 0;
  }
  .nav > li {
    margin-left: 0;
    padding-left: 0;
  }
  #header_layer_one,
  #header_layer_two {
      background-position: top center !important;
  }

  /* woocommerce */
  .woocommerce div.product .woocommerce-tabs {
    padding: 80px 0 0;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs {
    text-align: center;
  }

  
  .woocommerce-page .upsells.products ul li.product, 
  .woocommerce-page .upsells.products ul.products li.product, 
  .woocommerce .upsells.products ul li.product, 
  .woocommerce .upsells.products ul.products li.product,
  .woocommerce .related ul li.product,
  .woocommerce-page .related ul.products li.product {
    width: 48%;
    float: left;
    clear: both;
    margin: 0 0 2.992em;
  }

  .woocommerce-page .upsells.products ul li.product:nth-child(even), 
  .woocommerce-page .upsells.products ul.products li.product:nth-child(even), 
  .woocommerce .upsells.products ul li.product:nth-child(even), 
  .woocommerce .upsells.products ul.products li.product:nth-child(even),
  .woocommerce .related ul li.product:nth-child(even),
  .woocommerce-page .related ul.products li.product:nth-child(even) {
    float: right;
  }

  .woocommerce .cart_item .quantity .qty {
    width: 40px;
  }

  .woocommerce .order_details li {
    border-bottom: 1px dashed #d3ced2;
    width: 100%;
    padding: 10px 5px;
    border-right: none;
  }

  .comment-list .comment-author img {
    left: -45px;
    border: 3px solid #e4e4e4;
    width: 32px;
    height: 32px;
  }

  .comment-list .comment > article {
    margin-left: 45px;
  }

  .comment-list ol.children {
      margin-left: 30px;
  }

  .services-wrap > .service-box {
      width: 100%;
      margin: 0;
      margin-bottom: 30px;
    margin-left: 0;
    clear: left;
    margin-right: 0;
    clear: right;
  }

  .testimonials-wrap > .testimonials-box{
      width: 100%;
      margin: 0;
      margin-bottom: 30px;
    margin-left: 0;
    clear: left;
    margin-right: 0;
    clear: right;
  }
  .navbar-collapse .main-navigation li a{
    margin: 0;
    line-height: 25px;
  }
  .call-to-action {
      background-position: center;
      background-attachment: initial;
      background-size: cover;
  }

}

@media (max-width: 680px) {
  .single-feature {
    width: auto;
    float: none;
  }
}

/*---------------------------------------
   6.7 FIXES FOR MOBILE SCREENS          
-----------------------------------------*/
@media (max-width: 580px) {
  html {
    font-size: 65% !important;
  }

  body {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
  }
  
  h3,
    h4 {
    font-weight: 600;
  }

  h4 {
    font-size: 16px;
    line-height: 26px;
  }

  h5 {
    font-size: 15px;
    line-height: 24px;
  }

  .single-stats {
      display: block;
      width: 100%;
  }

  .contact-links .row[class^="col-xs"],
    .contact-links .row[class*=" col-xs"] {
    margin-bottom: 10px;
  }

  .section-header {
    margin-bottom: 25px;
  }

  .header .overlay-layer {
     padding-top: 55px;
    }

    .header-style-two .overlay-layer {
      padding-bottom: 0;
    }

    .header .overlay-layer .pull-right {
     padding: 0;
    }

    .vertical-registration-form,
    .header-style-two .vertical-registration-form {
     background: #ffffff;
     padding: 7px 16px 16px 16px;
     margin-top: 34px;
     width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
     -webkit-box-shadow: none;
     box-shadow: none;
    }

  .intro-section,
  .header-style-two .intro-section {
     margin-top: 40px;
    }

  .header-style-three .intro-section {
    margin-top: 30px;
  }

  .intro-section h5,
  .header-style-one .intro-section h5,
  .header-style-three .intro-section h5 {
    margin-top: 15px;
    margin-bottom: 30px;
  }
  
  .header-style-four .horizontal-subscribe-form {
      max-width: 100%;
      margin: auto;
      padding: 5px;
  }

  .header-style-four .horizontal-subscribe-form .input-box {
    min-height: 55px;
  }

  .pricing-table {
      padding-left: 0;
      padding-right: 0;
  }

  .standard-button {
    padding: 15px 35px 15px 35px;
  }

  .timeline-section {
    padding-left: 0;
  }

  .timeline-box-wrap {
    padding-left: 1em;
  }

  .timeline-section li .icon-container {
    margin: 0 auto;
    float: none;
    margin-bottom: -80px;
  }

  .timeline-section li .date {
    display: none;
  }

  .timeline-section li .info {
    padding-left: 15px;
    padding-top: 90px;
  }

  .timeline-section li {
    padding: 1em;
  }

  .timeline-section li .info {
    border-left: none;
    text-align: center;
  }

  .list-post-entry-meta {
    position: relative;
    float: left;
    padding: 0;
    margin: 15px 0 0;
  }
  .blog-post-wrap .list-post-entry-meta {
    margin: 0;
    padding: 14px;
  }

  .brief {
    padding-top: 0;
    padding-bottom: 0;
  }

  .brief .section-overlay-layer {
    margin-bottom: 0;
    padding-bottom: 80px;
  }

  .post-author {
    font-size: 12px;
    padding-left: 14px;
    float: left;
  }

  .post-author i {
    font-size: 10px;
    line-height: 20px;
  }

  .posted-in {
    font-size: 12px;
    padding-left: 14px;
    float: left;
  }

  .posted-in i {
    line-height: 20px;
    font-size: 10px;
  }

  .post-comments {
    font-size: 12px;
    float: left;
    padding-left: 15px;
  }

  .post-comments i {
    font-size: 10px;
  }

  .post-list h1.entry-title {
    clear: left;
  }

  .post-date {
    padding: 10px;
    min-width: 80px;
    min-height: 80px;
  }
  .footer-widget-wrap .widget-box {
    width: 100%;
  }

  /* woocommerce */
  .woocommerce ul.products li.product, 
  .woocommerce-page ul.products li.product {
    width: 100%;
  }

  .woocommerce ul.products li.product a:nth-child(1) {
    height: auto !important;
    width: 100%;
  }

  .woocommerce .products ul, 
  .woocommerce ul.products {
    text-align: center;
  }

  .woocommerce-ordering {
    width: 100%;
    margin: 10px 15px;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    width: 100%;
    border-bottom: 1px solid rgb(236, 236, 236);
  }

  .woocommerce-page .upsells.products ul li.product, 
  .woocommerce-page .upsells.products ul.products li.product, 
  .woocommerce .upsells.products ul li.product, 
  .woocommerce .upsells.products ul.products li.product,
  .woocommerce .related ul li.product,
  .woocommerce-page .related ul.products li.product {
    width: 100%;
    max-width: 300px;
    float: none !important;
    display: inline-block;
  }

  .woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 32px;
  }

  .woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 50px;
  }

  .woocommerce .commentlist .star-rating {
    float: none;
    margin-bottom: 10px;
    display: block;
    clear: left;
  }

  .woocommerce .cart-collaterals .cross-sells ul.products li, 
  .woocommerce-page .cart-collaterals .cross-sells ul.products li {
    width: 100%;
  }

  .woocommerce ul.products li.product, 
  .woocommerce-page ul.products li.product {
      float: left;
      width: 100%;
      margin: 0;
      margin-bottom: 30px;
  }

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    margin-left: 0;
    margin-right: 0;
  }


  /* contact page */
  .comment-form p {
    padding-left: 0;
  }
  
  .comment-form label {
    position: relative;
    line-height: 15px;
  }

  .comment-form input {
    width: 100%;
  }

}