/* Responsive CSS For all Bootstrap Breakpoints */

@media only screen and (max-width: 1244px) {

}

@media
only screen and (min-width : 1200px) {
    #site-footer .container {
        max-width: calc(1140px - 196px);
    }
}

@media
only screen and (max-width : 1199px) {

}


/* XS-MD ----------- */
@media
only screen and (max-width : 991px) {
  /* Styles */
  body { max-width: 100vw; overflow-x: hidden; overflow-y: visible; }

  /* Header / Navigation */
  #header > .container { max-width: 100%; }
  #main-header #header .inner { flex-wrap: wrap; }
  #main-header #site-main-nav { background-color: #0074c8; padding: 10px 0; }
  #main-header .nav li { flex: 1 0 100%; max-width: 100%; margin: 0; }
  #main-header .nav li > a { padding: 10px 15px; }
  #main-header .nav li a.btn { margin: 0 15px; }
  #main-header .nav li a.dropdown-toggle::before { display: none; }
  #main-header .nav li a.dropdown-toggle::after { right: 15px; }
  #main-header .dropdown-nav { position: static !important; transform: none !important; padding: 0; }
  #main-header .dropdown-nav .dropdown-nav-inner { flex-direction: column; border-radius: 0; }
  #main-header .dropdown-nav .dropdown-nav-inner .nav-area { padding: 20px; }
  #main-header .dropdown-nav .dropdown-nav-inner .text-item, #main-header .dropdown-nav .dropdown-nav-inner .text-area, #main-header .dropdown-nav .dropdown-nav-inner .right-area { display: none !important; visibility: hidden; }
  #main-header .dropdown-nav .dropdown-nav-inner .right-area a { padding: 10px; }
  #main-header .dropdown-nav .dropdown-nav-inner .right-area::after { display: none; }
  .navbar-toggle { padding: 0; border: none; background: none; margin-right: 15px; }
  .navbar-toggler-icon {
    display:block;
    padding:5px 5px 0 5px
   }
   #nav-icon {
    width:22px;
    height:22px;
    position:relative;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer;
    display:inline-block
   }
   #nav-icon span {
    display:block;
    position:absolute;
    height:2px;
    width:100%;
    background:#fff;
    border-radius:1px;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
   }
   .navbar-toggler-icon:not(.js-replace-color) #nav-icon span {
    background:#fff
   }
   #nav-icon span:first-child {
    top:0px
   }
   #nav-icon span:nth-child(2),
   #nav-icon span:nth-child(3) {
    top:10px
   }
   #nav-icon span:nth-child(4) {
    top:20px
   }

   #main-header #header .inner > .text-area, #main-header #header .inner > .right-area { display: none; }
   #site-main-nav { margin: 15px -15px -15px -15px; }
   #main-header .dropdown-nav { display: none; }
   #main-header .nav li.opened .dropdown-nav { display: block; }
   #main-header .nav li.opened a.dropdown-toggle::before { display: none; }


   /* Dashboard */
   .banner h1, .banner .h1 { font-size: 36px; }
   .media.deal { flex-wrap: wrap; position: relative; min-height: 100px; }
   .deal-tag { position: absolute; width: 110px; left: 0; top: 50%; transform: translateY(-50%); font-size: 10px; }
   .deal-tag > span { padding: 30px 10px; }
   .deal-heading { margin-left: 0 !important; padding-left: 125px; width: 100%; }
   .deal-body { margin-left: 0; padding-left: 125px; }

   /* Dwyer Strategy */
   .conference-calls-card .card-body > * { margin-left: auto; margin-right: auto; }


}

/* SM - Small Devices ----------- */
@media
only screen and (max-width : 767px) {
/* Styles */
.admin-bar #header.scrolled { top: 0; }

/* Footer */
#site-footer .footer-top .inner { flex-direction: column; }
#site-footer .footer-top .footer-logo { text-align: center; margin: 0 auto; display: block; }
#site-footer .footer-top .footer-nav { text-align: center; }
#site-footer .footer-top .footer-nav li.heading { padding-top: 15px; }
#site-footer .footer-top .footer-contact { padding-bottom: 15px; text-align: center; }
#site-footer .footer-top .footer-social { padding-top: 20px; justify-content: center; }
#site-footer .footer-bottom .inner { flex-direction: column; align-items: center; text-align: center; }

/* Registration Pages */
#create-account { flex-wrap: wrap; }
.registration .card:first-child { flex: 1 0 100% !important; max-width: 100% !important; }
.registration .card.rounded + .card.rounded { border-radius: 1.25rem 1.25rem 1.25rem 1.25rem !important; }

/* Dashboard */
.banner h1, .banner .h1 { font-size: 30px; }
.ds-body { flex-wrap: wrap; }
.ds-body .ds-col { flex: 1 0 100%; max-width: 100%; border: none; justify-content: flex-start; }
.ds-body .ds-col:nth-child(2n+1) { padding-right: 0; }
.ds-body .ds-col:nth-child(2n) { padding-left: 0; margin-top: 30px; }
.dashboard .ds-body .ds-col .btn:last-child { margin-top: 15px; }
.dashboard .card-body .btn:last-child { margin-top: 15px; }
.media.deal { flex-wrap: wrap; position: relative; min-height: 100px; }
.deal-tag { position: absolute; width: 110px; left: 0; top: 50%; transform: translateY(-50%); font-size: 10px; }
.deal-tag > span { padding: 30px 10px; }
.deal-heading { margin-left: 0 !important; padding-left: 125px; }
.deal-body { margin-left: 0; padding-left: 125px; }

/* Industry Insights */
.featured-research .slide .card img { height: 180px; object-fit: cover; }
.market-research .media-wrapper > .overflow-auto .media-body { padding: 10px 0; }

/* Events */
.events .media-wrapper .media { flex-flow: column-reverse; }
.events .media-wrapper > .overflow-auto .media-body { padding: 10px 15px; }

/* Spotlight */
#main-content .navbar { padding-left: 0; padding-right: 0; }
#main-content .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
#main-content.spotlight .navbar-nav .nav-link { font-size: 12px; padding: 0.25rem 0.5rem; }
.featured-corporate-spotlight .card .col-md-3 { margin-bottom: 30px; }
.spotlight .media-wrapper.bordered .media { flex-wrap: wrap; }
.spotlight .media-wrapper.bordered .media .buttons { flex-direction: column; }
.spotlight .media-wrapper.bordered .media .buttons .btn:first-child { margin-bottom: 15px; }

}

/* XS - Small Devices ----------- */
@media
only screen and (max-width : 576px) {


}


/* Custom ----------- */
@media
only screen and (max-width : 300px) {

}


/* SM - Small Devices ----------- */
@media only screen
and (min-width : 576px)
and (max-width : 767px) {
/* Styles */



}

/* MD - Small Devices ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {
/* Styles */



}

/* > Tablet */
@media
only screen and (min-width : 992px) {
/* Styles */

.dropdown:hover > .dropdown-menu { display: block; }
.navbar-collapse.collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}
.navbar-toggle {
  display: none;
}

/* Dashboard Order Correction */
/*
.dashboard > .container > .row > .col-12 { order: 3; }
.dashboard > .container > .row > .col-12:nth-child(1) { order: 2; }
.dashboard > .container > .row > .col-12:nth-child(2) { order: 1; }
*/
}


/* LG - Medium Devices ----------- */
@media only screen
and (min-width : 992px)
and (max-width : 1199px) {
/* Styles */



}


/* XL - Large Devices */
@media
only screen and (min-width : 1200px) {
/* Styles */



}