/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) {
    .hero-area-bg {
        zoom: 80%
    }

    .cp-mbl-text {
        display: none;
    }

    .single-topics p {
        font-size: 17px;
    }

    .single-mission {
        margin-bottom: 0;
        height: 150px;
    }

        .single-mission h2 {
            font-size: 105px;
            top: 10px;
        }

    .mission-area p {
        font-size: 17px;
        line-height: 19px;
        padding-left: 133px;
    }


    .single-processing {
        padding: 0 16px;
        padding-top: 13px;
        padding-bottom: 10px;
    }

    .main-footer p {
        font-size: 16px;
    }

    .hero-area-text h1 {
        font-size: 85px;
    }

    .welcome-text h1 {
        font-size: 75px;
    }

    .single-date-content p {
        font-size: 20px;
    }

    .single-date-content a {
        font-size: 20px;
    }

    .welcome-text {
        margin-bottom: 25px;
    }

    .important-datecontent h3 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .welcome-area-top-area {
        padding: 0;
    }

    .topics-content h2 {
        font-size: 65px;
        margin-bottom: 35px;
        margin-top: 0;
        line-height: 55px;
        color: #ffffff;
        font-family: hacked;
    }


    .date-btn {
        margin-top: 60px;
    }

    .main-review h2 {
        margin-bottom: 68px;
    }

    .mission-area {
        padding-top: 45px;
        padding-bottom: 70px;
    }

    .welcome-area {
        padding-bottom: 28px;
    }

    #review-process {
        padding-top: 0;
    }

    .main-menu ul li a {
        font-size: 20px;
        font-weight: 400;
        padding: 18px 45px;
        display: inline-block;
        color: #fff;
    }

    .main-sldie-all-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: transparent;
    }

    .main-sldie-all-content::-webkit-scrollbar {
        width: 8px;
        background-color: transparent;
    }

    .main-sldie-all-content::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: rgba(43, 155, 205, 0.8);
    }
}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .site-logo {
        padding-left: 40px;
    }

    .hero-area-text h1 {
        font-size: 38px;
    }

    .hero-area-btn {
        font-size: 18px;
        width: 230px;
        padding: 10px;
    }

    .main-menu ul li a {
        font-size: 16px;
        padding: 17px 17px;
    }

    .welcome-text h2 {
        font-size: 42px;
    }

    .welcome-area-top-area {
        padding: 0;
    }

    .single-topics p {
        font-size: 19px;
        padding-left: 110px;
    }

    .topics-content h2 {
        font-size: 56px;
        margin: 0px;
    }

    .topics-content {
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .single-mission h2.ttttext {
        font-size: 32px;
        position: static;
        margin-bottom: 0px !important;
        padding: 10px !important;
    }

    .mission-area p {
        font-size: 14px;
        line-height: 19px;
        padding-left: 50px;
        padding-top: 3px;
    }

    .single-mission {
        margin-bottom: 30px;
    }

        .single-mission a {
            padding-left: 49px;
        }

    .mission-area h2 {
        font-size: 46px;
        margin-top: 0;
    }

    .single-review {
        width: 25%;
    }

    P.wiliam1 {
        font-size: 18px;
    }

    .single-review p {
        font-size: 12px;
        line-height: 18px;
    }

    .main-review h2 {
        font-size: 56px;
    }

    P.wiliam1 {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 3px;
    }

    .single-review {
        margin-bottom: 30px;
    }

        .single-review.bottom2 {
            width: 40%;
        }

    .single-processing p {
        font-size: 15px;
    }

    .main-footer p {
        font-size: 11px;
    }

    .footer-area {
        padding-top: 55px;
        padding-bottom: 45px;
    }

    .single-date-content p {
        font-size: 16px;
    }

    .welcome-text {
        margin-bottom: 33px;
    }

    .important-datecontent h3 {
        margin-bottom: 15px;
    }

    .single-date-content a {
        font-size: 16px;
    }

    a.submit1 {
        width: 243px;
    }

    a.submit2 {
        width: 246px;
    }

    .seep-row .single-review {
        width: 25%;
    }

    .seep-row {
        width: 100%;
        margin: 0 auto;
    }
}

/* Mobile Layout: 767px. */
@media only screen and (max-width: 767px) {

    .expo-map img {
        object-fit: cover;
        display: block;
        width: 100vw;
        height: 70vh;
    }

    .site-logo {
        padding-left: 0px;
    }

    .hasherezade {
        margin-bottom: 0px;
    }

    .reviewer-img-hover:hover {
        opacity: 0;
    }

    .cfp-welcome .cfp-welcome-title {
        margin: 60px 0px 20px 0px;
    }

    .cfp-welcome .callToActions {
        margin: 40px 0px 10px 0px;
    }

    .hero-area-bg {
        background-image: url('../img/2020/CFS_Mobile bg_Header_(900x600px).jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto;
    }

    .page-body {
        background-image: url('../img/2020/CFS_Mobile_Middle_(900x150px).jpg');
        background-repeat: repeat-y;
        background-position: center top;
        background-size: auto;
    }

    .footer-area {
        background-image: url('../img/2020/CFS_Mobile_Footer_(900x300px).jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto;
        margin: 20px 0px;
        padding: 350px 0px 30px 0px;
    }


    .FormThankyou .Message {
        font-size: 28px !important;
    }

    .processing-area h2:first-of-type,
    .review-area h2:first-of-type,
    .mission-area h2:first-of-type,
    .topics-content h2:first-of-type,
    .welcome-area h2:first-of-type {
        padding: 0 !Important;
        margin: 0 !Important;
        padding-bottom: 30px !Important;
    }

    .single-processing h2 {
        font-size: 56px;
        margin-top: 0px;
    }

    .processing-area,
    .review-area,
    .mission-area,
    .topics-content,
    .welcome-area {
        padding: 0 !Important;
        padding-top: 20px !Important;
    }

    .review-area,
    .mission-area,
    .welcome-area {
        padding-bottom: 20px !Important;
    }

    .single-tab-inner-time-contetn {
        padding: 15px 0px;
    }


    .nv-map img {
        height: auto !important;
    }

    .seep-row {
        width: 100%;
        margin: 0 auto;
    }


    .main-menu {
        display: block;
    }

    .hero-area-text h1 {
        font-size: 50px;
    }

    .hero-area-text h1 {
        margin: 60px 0;
    }

    .header-social-links {
        bottom: 0;
        margin-top: 0;
        left: auto;
        position: relative;
    }

    .welcome-area {
        padding-top: 20px;
        background: url(../img/bg-2.jpg);
        padding-bottom: 40px;
    }

    .welcome-text h1 {
        font-size: 48px !Important;
    }

    .welcome-area-top-area {
        padding: 0;
    }

    .welcome-text p {
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        padding: 0 20px;
    }

    .date-btn {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    a.submit2 {
        margin-left: 0;
        margin-top: 15px;
    }

    .topics-content h2 {
        font-size: 34pt !Important;
    }

    .topics-content {
        margin-top: 0px;
        padding: 0 0;
    }

    .cfp-welcome {
        margin-top: 20px;
    }

        .cfp-welcome .welcome-desc {
            text-align: left;
            font-size: 16px;
        }

    .glitchedTitle {
        height: 32px;
    }

    .single-topics i {
        color: #2B9BCD;
        border: 3px solid #2B9BCD;
        width: 45px;
        height: 45px;
        line-height: 28px;
        border-radius: 50%;
        padding-left: 8px;
        font-size: 20px;
        position: absolute;
        left: 0;
        top: 3;
        font-weight: 700;
    }

    .single-topics-icon {
        width: 42px;
        height: 42px;
    }



    .mission-area h2 {
        font-size: 31pt !Important;
        line-height: 1.1em;
    }

    #review-process-h2 {
        padding-bottom: 10px !important;
    }

    .single-mission h2 {
        font-size: 55px !Important;
        left: 16px;
    }

    .mission-area p {
        padding-left: 100px;
        padding-right: 20px;
        padding-top: 2px;
        min-height: 60px
    }

    .single-mission {
        margin-bottom: 30px;
    }

        .single-mission img {
            height: 50px;
        }

    .review-area {
    }

    .main-review h2 {
        font-size: 34pt !Important;
        margin-bottom: 30px;
    }

    .single-review {
        width: 50%;
    }

        .single-review.bottom2 {
            width: 33%;
        }

    P.wiliam1 {
        font-size: 18px !Important;
        margin-top: 10px;
    }

    .single-review p {
        font-size: 14px;
        line-height: 16px;
    }

    .single-date-content {
        margin-bottom: 15px;
    }

    .single-review {
        margin-bottom: 0px;
        height: 280px;
    }

    .processing-area h2 {
        font-size: 36px;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .single-processing {
        margin: 5px;
        padding: 0px 5px;
        height: auto;
    }

        .single-processing p {
            line-height: 22px;
            font-size: 16px;
            margin-bottom: 30px;
        }

    #review-process {
        padding-top: 25px;
    }

    .main-footer p {
        font-size: 13px;
    }

    .Microsoft1 {
        left: 0;
        bottom: -37px;
    }

    .hero-text-hat-logo img {
        width: 312px;
        margin-top: 75px;
    }

    .single-topics {
        height: 70px;
        margin: 10px 20px;
    }

        .single-topics p {
            padding-left: 60px;
            padding-top: 0px;
        }

    .hero-area-text {
        padding-top: 50px;
    }

    .mean-container a.meanmenu-reveal {
        color: #fff;
    }

    .mean-nav {
        position: absolute;
    }

    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #fff;
        height: 3px;
        margin-top: 3px;
    }

    .site-logo img {
        margin: 20px 0;
        margin-top: 30px;
        margin-left: 26px;
        height: 30px;
        width: auto;
    }

    .bluehat-logo img {
    }

    /* 
    
.header-top-area {
	position: fixed !important;
	width: 100% !important;
	background: #000;
	z-index: 99 !important;
}
  */
    .mean-container .mean-nav {
        margin-top: 0px;
    }

    .left-img img {
        max-width: 115px;
        position: relative;
        left: 0;
    }

    .left-img {
        position: relative;
        max-height: 100%;
        height: 100%;
    }

    .aut-text {
        padding-left: 0;
        text-align: center;
        padding-top: 0;
        height: 100px;
        overflow-y: hidden;
    }

    .menu-area {
        height: auto;
        position: absolute;
        width: 100%;
    }



    .main-menu ul li a {
        font-size: 16px;
        font-weight: 400;
        padding: 6px 10px;
        display: inline-block;
        color: #ffff;
    }

    .header-social-links li {
        list-style: none;
        display: inline-block;
    }

    .header-social-links {
        text-align: center;
        background: #000f16;
        background-image: url(../img/2020/MenuStrip.png);
        background-repeat: repeat;
    }

    .menu-area {
        height: auto;
        position: absolute;
        width: 100%;
        height: auto;
    }

    .Microsoft1 {
        position: absolute;
        right: 0;
        bottom: 0;
    }


    .footer-txt2 span {
        padding: 0;
    }

        .footer-txt2 span:after {
            display: none;
        }

    .footer-txt1 span {
        padding: 0;
    }

        .footer-txt1 span:after {
            display: none;
        }

    .footer-txt2 span {
        position: absolute;
        left: 0;
    }

    .footer-txt2 {
        padding-left: 13px;
    }

    .footer-txt1 span {
        position: absolute;
        left: 0;
    }

    .footer-txt1 {
        padding-left: 13px;
    }

    .Microsoft1 {
        display: none;
    }

    .important-datecontent h3 {
        font-size: 32px;
    }

    #ImportantDatesIcon1,
    #ImportantDatesIcon2 {
        display: none;
    }

    #ImportantDatesIcon3 {
        display: block !Important;
        margin: auto;
        padding-top: 20px;
    }

    .topics-content h2 {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .main-review h2 {
        font-size: 25px;
    }

    .left-img {
        text-align: center;
    }

    .processing-area h2 {
        font-size: 45px;
    }

    .main-sldie-all-content {
        max-height: 180px;
        overflow-y: scroll;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -30px;
    }


    .main-footer p {
        font-size: 14px !Important;
        padding: 0 10px;
    }

    /* .input-field input[name=ProfessionalReference] {
		height: 40px;
	}

	.input-field input[name=ProfessionalReference]::placeholder {
		top: -15px;
	} */


    .input-field input[name=ProfessionalReference] {
        /* animation-duration: 5s;
		  animation-name: scrollplaceholder;
		  animation-iteration-count: infinite; */
    }

    .mobile-break {
        display: block;
    }

    .ProfessionalReferenceLabel > div {
        animation-duration: 4s;
        animation-name: scrollplaceholder;
        animation-direction: alternate;
        animation-iteration-count: infinite;
        animation-delay: 2s;
        animation-timing-function: linear;
        display: block;
    }

    @keyframes scrollplaceholder {
        0% {
            margin-top: 0px;
        }

        25% {
            margin-top: 0px;
        }

        75% {
            margin-top: -25px;
        }

        100% {
            margin-top: -25px;
        }
    }

    #LeadsField .nice-select {
        height: 60px;
    }

        #LeadsField .nice-select span {
            word-break: break-all;
            display: block;
            white-space: normal;
            line-height: 1.3em;
            padding-top: 10px;
        }

    .panel-heading .right-icons {
        top: -12px;
        position: relative;
        height: 30px;
        margin: 0px auto;
        text-align: center;
        padding-right: 0px;
    }
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}


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

    #LeadsField .nice-select > span {
        font-size: 13px;
    }
}

/* small Mobile Layout: 380px. */
@media only screen and (max-width: 430px) {

    .hero-area-text h1 {
        font-size: 42px;
    }

    #regsiter-form {
        zoom: 80%;
    }

    input[name='ProfessionalReference']
    .modal-body {
        padding-bottom: 60px;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .closeButton {
        position: absolute;
        right: 1px;
        top: -2px;
        width: 32px;
        height: 32px;
    }

    .single-processing,
    .single-mission,
    .single-topics,
    .single-review,
    .hero-area-text {
        zoom: 90%;
    }

    .submit1,
    .submit2 {
        zoom: 80%
    }

    .brand-logo {
        zoom: 80%;
    }

    #requirements::after {
        background-image: url(../img/over-lay-bg-m.jpg);
    }

    .side-bar-btn {
        top: 9px;
    }
}

/* 4K Layout: 1920px. */
@media only screen and (min-width: 1920px) {
    body {
        zoom: 100%;
    }

    .hero-area-bg {
        zoom: 100%;
    }

    .minimum-page {
        min-height: 800px;
    }
}

/* old iphone 5/6 */
@media only screen and (max-width: 320px) {
    .single-processing, .single-mission, .single-topics, .single-review, .hero-area-text {
        zoom: 85%;
        height: auto;
        padding-bottom: 25px;
    }
}