@media (max-width: 319px) {
    .container {
        width: 100%;
        padding-left: 27.5px;
        padding-right: 27.5px;
    }
    
    #header .mobile-only nav .menu-button .searchbar-toggle-wrapper {
        display: none;
    }
    
    #header .mobile-only nav .searchbar {
        display: none !important;
    }
    
    #main .content.products-page .exams span {
        font-weight: 700;
        font-size: 16px;
    }
}

@media (min-width: 320px) {
    .container {
        width: 100%;
        padding-left: 27.5px;
        padding-right: 27.5px;
    }
    
    #header .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    body.home #header {
    }
    
    #header .mobile-only nav .menu-button {
        padding: 0;
    }
    
    #header .mobile-only nav .logo {
        text-align: left;
        padding-top: 24px;
        padding-left: 21px;
    }
    
    #header .mobile-only nav .menu-button .navbar-toggle-wrapper {
        padding: 24px 17px 16px 17px;
    }
        
    #header .mobile-only nav .menu-button .searchbar-toggle-wrapper {
        padding-top: 24px;
    }
        
    #header .mobile-only .logo img {
        width: 200px;
    }
    
    #page-motto h1 {
        font-size: 22px;
    }
    
    #motto {
        padding: 41px 0 37px 0;
    }
    
    #motto > .container {
        padding: 0 30px 0 30px;
    }
    
    #motto h1 {
        line-height: 133%;
    }
    
    #motto h2 {
        margin-bottom: 32px;
        line-height: 120%;
    }
    
    #main {
        padding-top: 14px;
        padding-bottom: 16px;
    }
    
    #main > .container > .row > .content {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #main > .container > .row > .sidebar {
        margin-top: 38px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    #main > .container > .row > .index-sidebar {
        margin-top: 0px;
    }
    
    #main .sidebar .block .header {
        padding-right: 50px;
    }
    
    #main .sidebar .block-offer .content {
        padding-top: 13px;
    }
    
    #main .content.products-page .exams span {
        font-weight: 700;
        font-size: 16px;
    }
    
    #testimonials {
        padding-top: 32px;
        padding-bottom: 38px;
    }
    
    #testimonials .container {
        padding-left: 7px;
        padding-right: 7px;
    }
    
    #testimonials .testimonial {
        font-size: 19px;
        line-height: 170%;
    }
    
    #testimonials .author {
        font-size: 16px;
    }
    
    .swiper-button-prev {
        left: 1px;
    }
    
    .swiper-button-next {
        right: 1px;
    }
    
    #footer .container.mobile {
        padding-left: 35px;
        padding-right: 35px;
    }
    
    #footer .bbb-logo {
        margin-bottom: 20px;
    }
    
    #footer .bbb-logo img {
        margin-bottom: 5px;
    }
    
    #footer .logo {
        margin-bottom: 15px;
    }
    
    #footer .social ul li {
        margin-right: 15px;
    }
    
    #footer .social ul li img {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 450px) {
    section.about-us.content img {
    }
    
    section.about-us.content img.about-us-portrait {
    }
    
    section.about-us.content img.image-landscape {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 479px) {
    div.empower-partner img {
        display: block;
        float: none;
        margin: auto;
    }
    
    #jobs-listing {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (min-width: 480px) {
    .container {
        width: 450px;
    }
    
    body.home #header > .mobile-only nav .container {
        width: 100%;
    }
    
/*    #header {
        padding-top: 10px;
    } */
    
    #header .navbar-toggle {
        width: 42px;
        height: 42px;
        border-radius: 42px;
    }
    
    #header .navbar-toggle .icon-bar {
        width: 20px;
        margin-bottom: 5px;
    }
    
    #header .navbar-toggle .icon-bar:first-child {
        margin-top: 11px;
    }
    
    #header .hero .content .button {
        width: 300px;
        margin: 0 10px 20px;
    }
    
    #header .social {
        /*display: block;*/
        display: none;
    }
    
    #main .content.products-page .exams .exam {
        width: 50%;
        float: left;
    }

    #page-motto h1 {
        font-size: 28px;
    }    
}

@media (min-width: 640px) {
    .container {
        width: 600px;
    }
    
    body.home #header > .mobile-only nav .container {
        width: 100%;
    }
    
    /* #header .hero .content h1 {
        font-size: 68px;
        line-height: 72px;
    } */
    
    #header .hero .content h2 {
        font-size: 32px;
    }
    
    #header .hero .content .button {
        width: 29%;
        height: 56px;
        line-height: 56px;
        margin-bottom: 0;
    }
    
    #testimonials .swiper-button-prev,
    #testimonials .swiper-button-next { 
        display: block;
    }
    
    #footer .logo,
    #footer .bbb-logo,
    #footer .bbb-logo img,
    #footer .social {
        margin-bottom: 0;
    }
    
    #footer .logo {
        margin-top: 22px;
    }
        
    #footer .social ul li {
        margin-bottom: 10px;
    }
    
    #footer .social ul li img {
        width: 30px;
        height: 30px;
    }
    
    #footer .social ul li:nth-child(4) {
        clear: left;
    }
    
    #staging {
        display: block;
    }
    
    #main .content form.quick-search .text-container {
        margin-right: 12em;
    }
    
    #main .content form.quick-search .button-container input {
        width: 161px;
    }
}

@media (max-width: 603px) {
    #search_results_length {
        padding: 6px 70px 3px 15px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    #search_results_length label {
        font-size: 16px;
    }
    
    #search_results_length select {
        width: 50px;
        height: 26px;
        margin: 3px;
        margin-bottom: 0;
    }
    
    #search_results_length .search_again {
        max-width: 100%;
        display: flex;
    }
    
    #search_results_length .search_again input.text {
        margin: 0;
        margin-right: -26px;
        height: 26px;
        font-size: 15px;
    }
    
    #search_results_length .search_again input.submit {
        margin-right: 12px;
        width: 26px;
        height: 26px;
    }
    
    table#search_results tbody tr td {
        padding: 10px;
        hyphens: auto;
    }
}

@media (max-width: 767px) {
    #header .hero > .container {
        padding-bottom: 30%;
    }

    #cboxContent {
        margin-top: 0;
        max-height: fit-content;
    }
    
    #cboxLoadedContent {
        max-height: calc(100vh - 10px);
    }
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }  
    
    #header {
        padding-top: 47px;
    }
    
    body.home #header {
        /* background-size: 100% auto; */
        /* background-position: center bottom; */
        padding-top: 70px;
        height: 500px;
    }
    
    #header > .mobile-only {
        display: none;
    }
    
    #header > .desktop-only {
        display: block;
    }
    
    
    #header > .mobile-only nav .logo {
        margin-bottom: 15px;
    }
    
    
    #header > .desktop-only nav:before,
    #header > .desktop-only nav:after {
        height: 56px;
        top: 30px;
    }
    
    #header > .desktop-only nav .logo {
        margin-top: -41px;
        margin-bottom: 30px;
    }
    
    #header > .desktop-only nav .main-menu {
        width: 500px;
        float: left;
    }
    
    #floating-menu  {
        display: block;
    }
    
    #floating-menu nav .main-menu {
        width: 505px;
    }
    
    #header > .desktop-only nav .main-menu > ul > li > a {
        font-size: 12px;
        height: 56px;
        line-height: 56px;
    }
    
    #header.bright > .desktop-only nav .main-menu > ul > li > a,
    #floating-menu .main-menu > ul > li > a {
        font-size: 12px;
        height: 42px;
        line-height: 42px;
        margin: 7px 0;
    }
    
    
    #header .hero {
        padding-top: 35px;
    }
    
    #header .hero .content img {
        display: inline-block;
        /* margin-bottom: 18px; */
        width: 550px;
    }
    
    #header .hero .content .button {
        width: 210px;
    }
    
    #product-categories {
        display: block;
    }
    
    #product-categories .menu ul > li {
        width: 49%;
    }
   
    
    #footer {
        background-color: #252525;
    }
    
    #footer > .container.desktop {
        display: block;
    }
    
    #footer > .container.desktop .logonsocial {
        margin-top: 70px;
        text-align: center;
    }
    
    #copyright {
        background-color: #191919;
    }
    
    #footer .social {
        margin-top: 15px;
    }
    
    #footer .social ul {
        float: right;
    }
    
    #footer .social ul li {
        margin-right: 3px;
        margin-bottom: 0;
    }
    
    #footer .social ul li:nth-child(4) {
        clear: none;
    }
    
    #footer .social ul li img {
        width: 30px;
        height: 30px;
    }
    
    #footer > .container.mobile {
        display: none;
    }
    
    #main .content img.alignleft {
        float: left;
        padding-right: 10px;
        text-align: left;
    }
    
    #main .content img.alignright {
        float: right;
        padding-left: 10px;
        margin: 0;
        text-align: right;
    }
    
    #main .content.executive .image {
        text-align: left;
    }
    
    #main section.content.product-directory  {
        width: 595px;
        float: left;
    }
    
    #main .sidebar {
        float: right;
    }
    
    #main .sidebar.left {
        float: left;
        margin-right: 10px;
    }
    
    #main > .container > .row > .content,
    #main > .container > .row > .sidebar {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #main .sidebar .block .header {
        line-height: 150%;
    }
    
    #main .sidebar .block-offer ul li {
        //background-position-y: 0;
    }
    
    #main .content ul.faq {
        width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
        
    #main .enter-contest > .row > div:nth-child(2n+3) {
        clear: left;
    }
    
    #main .content.products-page .categories .category {
        width: 49.8%;
        float: left;
    }
    
    #main .content.products-page .categories .category:nth-child(even) {
        float: right;
    }
    
    #main .content.products-page .exams .exam {
        width: 33%;
        float: left;
    }
    
    #main .sidebar .block-directory-index {
        width: 111px;
        float: right;
    }
    
    #main .sidebar .block-directory-index .content {
        padding: 11px 0 12px 0;
    }
    
    #main .sidebar .block-directory-index .content ul,
    #main .sidebar .block-directory-index .content ul li {
        display: block;
    }
    
    #main .sidebar .block-directory-index .content ul li {
        margin-bottom: 2px;
    }
    
    #main .sidebar .block-directory-index .content ul li a {
        display: block;
        padding: 6px 5px 3px 5px;
    }
    
    #main .page-header .page-title h1,
    #page-motto h1 {
        font-size: 33px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
    }
  
    #header > .desktop-only nav .main-menu,
    #floating-menu nav .main-menu {
        width: 610px;
    }
    
    #header > .desktop-only nav .main-menu > ul > li > a,
    #floating-menu .main-menu > ul > li > a {
        font-size: 14px;
    }
    
    #floating-menu .logo {
        background-image: none;
    }
    
    #floating-menu .logo img {
        display: block;
    }
        
    #header.bright .desktop-only nav .main-menu > ul > li > a,
    #floating-menu nav .main-menu > ul > li > a {
        font-size: 14px;
    }
    
    #main .sidebar .block .header { 
        padding-left: 27px;
    }
       
       
    
    #footer > .container.desktop .logonsocial {
        margin-top: 0;
        text-align: right;
    }
    
    #footer .logo {
        float: right;
        padding: 0;
        margin-top: 0;
    }
    
    #footer .bbb-logo {
        float: right;
        text-align: center;
        padding: 0;
    }
    
    #footer .social {
        float: right;
        clear: both;
        padding: 0;
    }
    
    #footer .social {
        margin-top: 15px;
    }
    
    #footer .social ul li {
        margin-bottom: 10px;
        margin-right: 10px;
    }
    
    #main .content .enter-contest > .row > div {
        margin-bottom: 0;
    }
    
    #main .content .enter-contest > .row > div:nth-child(2n+3) {
        clear: none;
    }
}

@media (min-width: 1200px) {
    .container,
    #product-categories .container  {
        width: 1130px;
    }
    
    body.home #header {
        height: 610px;
    }
    #header > .desktop-only nav .logo,
    #header > .desktop-only nav .main-menu {
        float: left;
    }
    
    #header > .desktop-only nav .logo {
        margin: 0;
    }
    
    #header > .desktop-only nav:before {
        display: none;
    }
    
    #header > .desktop-only nav:after {
        top: 0;
    }
    
    #header nav .logo {
        width: 245px;
        padding-top: 5px;
    }
    
    #floating-menu nav .logo img {
        width: 186px;
    }
    
    #floating-menu nav .logo {
        padding-top: 13px;
    }
    
    #header nav .main-menu,
    #header nav .search {
        height: 56px;
    }
    
    #floating-menu nav .main-menu,
    #floating-menu nav .search {
        height: 69px;
    }
    
    #header nav .main-menu,
    #header > .desktop-only nav .main-menu {
        width: 700px;
        padding-right: 0;
    }
    
    #floating-menu nav .main-menu {
        width: 670px;
        padding-right: 0;
    }
    
    
    
        
    #header nav .main-menu > ul > li > a {
        height: 56px;
        font-size: 14px;
        line-height: 56px;
    }
    
    #floating-menu nav .main-menu > ul > li > a {
        height: 42px;
        line-height: 42px;
        margin: 14px 0;
    }
    
   
    
    #header nav .search,
    #floating-menu .search {
        width: 161px;
    }
    
    #header .search input[type="text"],
    #floating-menu .search input[type="text"] {
        padding-bottom: 5px;
        font-size: 14px;
    }    
    
    #header .hero .content h1 {
    }
    
    #header .hero .content h2 {
        margin: 0 0 34px 0;
        font-size: 32px;
    }
    
    #header .hero .content .button {
        width: 220px;
        height: 58px;
        margin: 0 19px;
        line-height: 59px;
        font-size: 17px;
    }
    
    #product-categories {
        min-height: 59px;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    }
    
    #product-categories > .menu  {
        height: 59px;
    }
    
    #product-categories.opened > .menu  {
        padding-bottom: 1px;
    }
    
    #product-categories .menu ul {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    
    #product-categories .menu ul > li {
        display: table-cell;
    }
    
    #product-categories .menu ul > li > ul {
        width: 500px;
    }
    
    #product-categories .menu ul > li {
        width: auto;
    }
    
    #product-categories .submenu > .wrapper > ul> li > ul li a {
        font-size: 14px;
    }
    
    #motto {
        padding: 39px 0 38px 0;
    }
    
    #motto h1 {
        font-size: 33px;
    }
    
    #motto h2 {
        margin: 0 0 14px 0;
        font-size: 26px;    
    }
    
    #main {
        padding-bottom: 105px;
        padding-bottom: 30px;
    }
    
    body.home #main {
        padding-top: 63px;
        padding-bottom: 50px;
    }
    
    #main section.content {
        width: 705px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
    
        font-size: 16px;
    }
    
    #main section.content.products-page {
        width: 100%;
    }
    
    #main section.content.products-page .qs2 {
        width: 750px;
        margin: 50px auto 45px;
    }
    
    #main section.content.products-page .col-lg-4 { padding: 0 25px; }
    
    #main section.content.product-directory {
        width: 785px;
    }
    
    #main section.content.col-lg-12 {
        width: 100%;
        padding-right: 30px;
    }
    
    body.home #main section.content {
        padding-top: 0;
    }
    
    #main section.content.products-page p {
        text-align: justify;
    }
    
    #main section.content p {
        margin-bottom: 26px;
    }
    
    #main section.content h1 {
        font-size: 30px;
    }
    
    #main section.content h2 {
        margin: 0 0 20px 0;
    
        font-size: 24px;
    }
    
    #main section.content div.tab-over-a-little {
        padding-left: 26px;
    }
    
    #main .content ul.testimonials li {
        padding: 21px 120px 9px 93px;
    }
    
    #main .content ul.testimonials li span {
        width: 880px;
        margin: 0 auto;
        padding: 22px 20px 15px 63px;
        line-height: 185%;
    }
    
    #main .page-header {
        margin-top: 8px;
    }
    
    #main .page-header .page-title h1 {
        font-size: 28px;
    }
    
    #main .page-header .breadcrumb {
        height: 32px;
        margin: 0;
    }
    
    #main .page-header .breadcrumb ul li,
    #main .page-header .breadcrumb ul li a {
        font-size: 13px;
        line-height: 32px;
    }
    
    
    
    #main .sidebar {
        margin-top: 41px;
        padding-top: 15px;
        width: 351px;
    }
    
    #main .sidebar.left {
        width: 180px;
    }
    
    body.home #main .sidebar {
        margin-top: 0;
    }
    
    #main .sidebar .block .header {
        padding: 16px 22px 12px 22px;
        
        font-size: 19px;
    }
    
    body.home #main .sidebar .block .header {
        padding: 18px 27px 18px 27px;
        
        font-size: 16px;
    }
    
    #main .sidebar .block-offer ul li {
        min-height: 19px;
        background-position: 0 1px;
        padding-top: 1px;
        padding-left: 30px;
        margin-bottom: 12px;
        font-size: 14px;
    }
    
    #main .sidebar .block-offer ul li:last-child {
        margin-bottom: 0;
    }
    
    
    #main .sidebar .block-directory-index .content {
        padding: 8px 0 12px 0;
    }
    
    #main .sidebar .block-offer .content {
        padding: 16px 0 20px 15px;
    }
    
    
    #main .sidebar .block-menu ul li {
        margin-bottom: 11px;
    }
    
    #main .sidebar .block-menu ul li:last-child {
        margin-bottom: 0;
    }
    
    #main .sidebar .block-menu ul li a {
        font-size: 17px;
    }
    
    #testimonials {
        padding: 40px 0;
    }
    
    #testimonials .container {
        position: relative;
    }
    
    #testimonials .testimonial {
        font-size: 21px;
    }
    
    #testimonials .author {
        font-size: 16px;
    }
    
    #testimonials .swiper-button-prev,
    #testimonials .swiper-button-next { 
        width: 30px;
        height: 31px;
        margin-top: -15px;
    }
    
    #testimonials .swiper-button-prev {
        left: -80px;
    }
    
    #testimonials .swiper-button-next {
        right: -80px;
    }
    
    #testimonials ul li {
        width: 1100px;
    }
    
    
    #footer {
        padding: 35px 0 24px 0;
    }
    
    #footer .block-title {
        font-size: 17px;
    }
    
    
    #footer .menu li {
        margin-bottom: 10px;
    }
    
    #footer .menu li a {
        font-size: 13px;
    }
    
    #footer .logo {
        margin-bottom: 29px;
    }
    
    #footer .bbb-logo {
        width: 150px;
    }
        
    #footer .bbb-logo span {
        font-size: 14px;
    }
    
    #footer .social {
        margin-bottom: 27px;
    }
    
    #footer .social li {
        margin-right: 3px;
        margin-bottom: 0;
    }
    
    #footer .social li:last-child {
        margin-right: 0;
    }
    
    #footer .social li img {
        width: 30px;
        height: 30px;
    }
    
    #copyright {
        padding: 25px;
    }
    
    #copyright p {
        margin-bottom: 8px;
        font-size: 12px;
    }
    
    #copyright p:last-child {
        margin-bottom: 0;
    }
    
    #main .content .form-group small {
        font-size: 12px;
    }
    
    #main .content .form-group input.submit {
        height: 56px;
        border-radius: 6px;
        font-size: 17px;;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    #testimonials .swiper-button-prev {
        left: -35px;
    }
    
    #testimonials .swiper-button-next {
        right: -35px;
    }
}

@media (min-width: 2000px) {
    body.home #header {
        height: 800px;
    }
}

@media (min-width: 2500px) {
    body.home #header {
        height: 900px;
    }
}

@media (min-width: 3500px) {
    body.home #header {
        height: 1200px;
    }
}

@media (min-width: 3840px) {
    body.home #header {
        height: 1400px;
    }
}