/*Variables*/
/*Header*/
/*Menu Color*/
/*Mixins*/
@media (min-width: 768px) { .main-header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; overflow: visible; }
  .user-logged-in .main-header { /*  position: relative; */ }
  /*flexslider*/
  .flexslider h2 { font-size: 2em; }
  .flexslider .slider-caption { display: block; }
  .flexslider .flex-direction-nav { display: block; margin-top: -24px; }
  .top-menu { padding: 0; text-align: left; }
  .testimonials-wrap { padding: 75px 0 55px; }
  .topwidget > div { border-right: 1px dotted #ddd; }
  .topwidget > div:last-child { border: 0; }
  .copyright p { margin: 10px 0; }
  .footerwidget img.left { float: left; margin: 10px 10px 0 0; }
  .region-primary-menu { display: inline-block !important; float: right; width: auto; margin: 0; background: none; }
  .region-primary-menu ul { border: 0; }
  .region-primary-menu ul ul { background: #fff; /*   background: $desktopMenuDropDownBg;*/ }
  .region-primary-menu ul ul li a, .region-primary-menu ul ul li a:hover, .region-primary-menu ul ul li a:focus, .region-primary-menu ul ul li a:active, .region-primary-menu ul ul li a.highlighted { padding: 12px 15px; }
  .region-primary-menu li { border: 0; }
  .region-primary-menu li a { background: none; border: 0; color: #000; }
  .region-primary-menu li a span.sub-arrow { padding: 0; top: 20px; margin-top: 0; bottom: 2px; right: 2px; margin-left: -5px; left: auto; width: 0; height: 0; border-width: 4px; border-style: solid; border-color: #848484 transparent transparent transparent; font-size: 2em; line-height: 100%; }
  .region-primary-menu li li span.sub-arrow { top: 12px; border-color: transparent transparent transparent #848484; }
  .region-primary-menu li.active a { background: none; color: #44709E; }
  .carousel-caption p, .carousel-caption h3 { display: block; }
  .carousel-caption p:last-child { margin: 0; }
  .carousel-caption { background-color: #fff; background: rgba(0, 0, 0, 0.84); color: #ddd; text-shadow: none; padding: 20px; top: 20%; left: 10%; bottom: auto; width: 30%; text-align: left; }
  .credit-link { text-align: right; }
  /*comment*/
  .comment-wrap .author-details { width: 10%; }
  .comment-wrap .author-comments { width: 90%; }
  .region-top-menu { margin: 10px 0; }
  .region-top-menu ul { text-align: right; }
  .region-contact-email p { margin: 10px 0; line-height: 120%; font-size: 2em; } }
@media (max-width: 768px) { .not-front #page-title { height: 150px; }
  .separator { height: 60px; width: auto; }
  .footer-menu .footermap-item--depth-1, .footer-menu .footermap-item--depth-1:first-child { width: 100%; min-height: 0; display: inline; border-left: 0; border-bottom: 1px solid #fff; padding: 10px; margin: 0; }
  .footer-menu .social-media, .footer-menu .copyright { text-align: center; }
  .footer-menu .copyright img { width: 50px !important; margin-right: 5px; }
  .view-solutions .views-row { width: 100% !important; margin: 0 !important; margin-top: 15px !important; }
  .path-solutions .view-solutions .views-row { width: 100% !important; margin: 0 !important; margin-top: 15px !important; }
  .rowBlue { margin: 0px -15px; }
  .rowBlue .col-md-6:first-child { border-right: 0; border-bottom: 1px dashed #fff; } }
@media (max-width: 560px) { .parallax-widget.one { margin-top: 5px; padding: 5px 0; }
  .view-services .views-row .views-field-field-image { text-align: center; float: unset !important; } }
/*RESPONSIVE - to place after*/
@media screen and (max-width: 991px) { .region-header .brand .site-branding__slogan { font-size: 0.8em; }
  .rowBlue .col-md-6:first-child { border-bottom: 1px dashed #fff; border-right: none; } }
@media screen and (max-width: 768px) { .view-solutions .views-row { -webkit-box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.3); }
  .footer-menu .footermap-item--depth-1 { border-left: none; }
  #block-mcsit-parallax-theme-content h2:first-child { font-size: 60px; }
  #block-mcsit-parallax-theme-content h2 { font-size: 2em; }
  #block-mcsit-parallax-theme-content h3 { font-size: 1.8em; }
  #block-mcsit-parallax-theme-content p, #block-mcsit-parallax-theme-content li { font-size: 1.3em; }
  #block-views-block-solutions-block-1 h3 a, #block-views-block-services-block-1-2 h3 a { font-size: 1em; }
  #block-views-block-solutions-block-1 p, #block-views-block-services-block-1-2 p { font-size: 1.2em; }
  .read-more a { font-size: 1.2em; }
  #block-views-block-services-block-1-2 .views-field-field-image { width: 100%; }
  .menu-base-theme li a { color: #eee; border-bottom: 1px solid #EEF0F7; line-height: 100%; padding: 20px 70px 20px 20px; font-size: 12px; }
  .path-frontpage .separator, #dynSeparator { background-size: contain !important; background-repeat: no-repeat !important; background-position: bottom !important; height: 125px  !important; margin-top: -100px; }
  .services { padding-top: 0px; }
  .navbar-header { padding-right: 30px; }
  .menu-base-theme li a:hover, .menu-base-theme li a:focus, .menu-base-theme li a:active, .menu-base-theme li a.highlighted { color: #eee; }
  .main-header { width: 100%; }
  .topnav .row, .topnav .container, .navbar-header { max-width: 100%; margin: 0px; padding: 0px; width: 100%; overflow: hidden; }
  .parallax-widget h2.title { margin: 15px -35px 0px -35px; }
  #block-contactblock-2 h2.title { margin: 0px; } }
@media screen and (max-width: 420px) { .parallax-widget.two h2.title { font-size: 2em !important; }
  .region-header .brand .site-branding__slogan { font-size: 1em; }
  .region-header .brand a img { width: 125px !important; }
  #block-mcsit-parallax-theme-page-title h1 { font-size: 2em !important; }
  #block-mcsit-parallax-theme-content h2:first-child { font-size: 40px !important; }
  #block-mcsit-parallax-theme-content h2 { font-size: 1.5em !important; }
  #block-mcsit-parallax-theme-content h3 { font-size: 1.3em !important; } }