@media (min-width: 1199px) and (max-width: 1600px) { 
    .video-area {
        height: 550px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .menu_area #nav .nav-link {
        padding: 20px 7.5px;
    }
    .sing-up-button > a {
        color: #fff;
        height: 40px;
        min-width: 152px;
        line-height: 36px;
        font-size: 14px;
    }
    .app_screenshots_slides {
        padding: 0 4%;
    }
    .header_area.sticky .menu_area #nav .nav-link {
        padding: 18px 7.5px;
    }

}

@media (max-width: 1199px) {
    .menu_area nav ul li a::before{
        display: none;
    }
    .flex { display: flex; }
    .first { order: 2; }
    .second { order: 1; }

    .navbar{
        padding: 0;
    }
    .header_area .header-logo{
        font-size: 25px;
    }
    .header_area .header-logo .tagline {
        font-size: 11px;
        padding-left: 1px;
    }
    .header_area .navbar,
    .header_area.sticky .navbar,
    .header_area.animated .navbar{
        padding: 0.5rem 1rem;
    }
    .open-responsive-menu{
        padding: 10px 0;
        height: 100%;
        background: 0 0;
        border: none;
        outline: 0;
        display: block;
        float: right;
    }
    .open-responsive-menu .fa {
        font-size: 25px;
        color: #fff;
    }

    .wellcome_area {
        height: 100vh;
    }
    .wellcome_area > .h-100 {
        height: 100vh !important;
        padding-top: 80px;
    }
    .wellcome_area > .h-100 > .h-100 {
        height: calc(100vh - 80px) !important;
    }
    .wellcome-heading {
        margin-bottom: 25px;
        text-align: center;
    }
    .wellcome-heading > p {
        color: #fff;
        padding: 15px;
    }
    .welcome-thumb {
        position: relative;
        margin: 0 auto;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
    }
    .right-side-content {
        padding-left: 15px;
        padding-bottom: 20px;
    }
    .wellcome-heading .wellcome-info {
        margin-top: 15px;
    }
    .wellcome-heading .wellcome-info h3,
    .wellcome-heading .wellcome-info h1 {
        left: 0%;
    }
    .wellcome-heading .wellcome-info h3{
        font-size: 16px;
    }
    .wellcome-heading .wellcome-info h1{
        font-size: 35px;
    }
    .wellcome-heading .wellcome-info h2{
        font-size: 25px;
    }
    .get-start-area{
        text-align: center;
        margin-left: 0;
    }
    .get-start-area .get-start-button, 
    .get-start-area .watch-video-button {
        min-width: 100%;
    }
    .get-start-area .watch-video-button {
        margin-top: 3%;
        margin-left: 0;
    }

    /* awesome-feature-area */
    .awesome-feature-area .awesome-description-area{
        padding-top: 0
    }
    .awesome-description-content h2{
        text-align: center;
        font-size: 29px;
    }
    .awesome-description-content > p{
        text-align: center;
        font-size: 16px;
    }
    .awesome-description-img img{
        max-width: 100%;
    }

    /* awesome-feature */
    .awesome-features-description-img img{
        padding: 30px 0;
    }
    .awesome-feature .pr-50{
        padding-right: 15px;
    }
    .section-heading > h3{
        padding-left: unset;
        font-size: 18px;
    }
    .awesome-feature .awesome-description-content > h2{
        padding-left: unset;
        font-size: 29px;
        text-align: left;
    }
    .additional-features .container{
        padding: unset;
    }
    .additional-features h2{
        font-size: 29px;
    }
    .additional-features .additional-features-content p{
        font-size: 16px;
    }

    /* Video section */
    .video-section{
        padding-top: 100px;
    }
    .video-section .col-12{
        padding: 0;
    }
    .video-area{
        margin: unset !important;
        height: 250px;
    }
    .video-area .video-play-btn a{
        width: 40px;
        height: 40px;
    }
    .video-area .video-play-btn i{
        font-size: 18px;
        top: 30%;
        left: 40%;
        position: absolute;
    }
    .video-area .video-play-btn p{
        font-size: 14px;
        margin-top: 1rem;
    }

    /* special-area */
    .section-heading{
        margin-bottom: 15px;
    }
    .special-area .why-special{
        margin: 50px 0 50px 15px;
    }
    .special-area .text-right{
        text-align: left !important;
    }
    .special-area h2{
        font-size: 29px;
        margin-bottom: 30px;
    }
    .single-special,
    .single-special-img {
        margin-bottom: 30px;
        padding: 0;
    }
    .single-special-img,
    .single-icon{
        padding: 0;
    }
    .single-special-img .single-icon:before,
    .single-icon-left-third-i:after,
    .single-icon-right-third-i:after{
        display: none;
    }
    .single-special > h4{
        font-size: 18px;
    }
    .single-special-img img{
        right: 20%;
    }

    /* app-screenshots-area */
    .section-heading > h2{
        font-size: 29px;
    }
    .app-screenshots-area h2{
        margin-bottom: 30px;
    }
    .app-screenshots-area .container-fluid{
        padding: 0;
    }
    .app-screenshots-slides{
        margin-top: 50px;
    }
    .app-screenshots-slides .single-shot img{
        height: auto;
    }
    .app-screenshots-area .prev-slide{
        left: 0;
    }
    .app-screenshots-area .next-slide{
        right: 0;
    }

    /* who is using */
    .list_cause.mobile_widget,
    .list_cause,
    .mob-pad-0{
        padding: 0;
    }

    .orange-div{
        height: 150px;
    }
    .clients-feedback-area {
        height: auto !important;
        background-position-x: 69%;
        padding: 0;
    }
    .special_description_content{
        top: 15%;
        padding: 50px 0px;
    }
    .special_description_content h3{
        font-size: 18px;
    }
    .clients-feedback-area .special_description_content p{
        font-size: 20px;
    }
    .clients-feedback-area .special_description_content button{
        margin-top: 15px !important;
    }
    #footer{
        padding: 40px 20px;
    }
    #footer .widget {
        margin-bottom: 30px;
    }
    #footer .widget .widget-title h6 {
        margin-bottom: 15px;
    }
    .widget .textwidget p.contact-us-text{
        padding-right: 0px;
    }
    /* text_to_give */
    .container-mobile-friendly{
        padding: 50px 20px;
    }
    .answer-horizontal{
        display: none;
    }
    .answer-vertical{
        display: block;
        height: 300px;
    }
    .carrier-crisis{
        padding-top: 50px;
    }
    
    #footer .follow-us{
        padding: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header_area {
        padding: 0;
    }
    .header_area.sticky,
    .header_area.animated {
        height: 60px;
    }
    .header_area .menu_area #nav .nav-link,
    .header_area.sticky .menu_area #nav .nav-link {
        padding: 7.5px 15px;
    }
    #ca-navbar {
        padding: 30px;
        border-radius: 3px;
        background-color: #44b6a2;
        text-align: left;
    }
    .sing-up-button {
        margin-top: 30px;
        text-align: left;
    }

    .wellcome-heading {
        margin-bottom: 70px;
    }
    .single-special {
        padding: 30px 10px;
    }
    .special_description_area.mt-150 {
        margin-top: 50px;
    }
    .special_description_content > h2 {
        font-size: 30px;
    }
    .footer-text > p {
        margin-bottom: 30px;
    }
    .section-heading {
        margin-bottom: 50px;
    }
    .app_screenshots_slides {
        padding: 0;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .header_area {
        padding: 0;
    }
    .header_area.sticky,
    .header_area.animated {
        height: 60px;
    }
    .header_area .menu_area #nav .nav-link,
    .header_area.sticky .menu_area #nav .nav-link {
        padding: 5px 15px;
    }
    #ca-navbar {
        padding: 20px;
        border-radius: 3px;
        background-color: #44b6a2;
        text-align: left;
    }
    .sing-up-button {
        margin-top: 30px;
        text-align: left;
    }
    .header_area {
        top: 0;
    }
    .welcome_text .cd-intro > p {
        font-size: 14px;
    }
    .wellcome-heading > h2 {
        font-size: 48px;
    }
    .single-special {
        margin-bottom: 30px;
    }
    .special_description_area.mt-150 {
        margin-top: 50px;
    }
    .special_description_content > h2 {
        font-size: 30px;
    }
    .app-download-btn:first-child {
        margin-right: 0;
    }
    .app-download-area {
        display: block;
    }
    .app-download-btn {
        margin-bottom: 20px;
        display: block;
    }
}

@media (max-width: 993px) { 
    .rotator-wrapper {
        width: 100%;
        max-height: 200px;
        overflow-y: hidden;
    }
    .rotator-wrapper .rotator-tbl-wrapper {
        height: 100%;
    }
    .rotate-lg-90{
        -webkit-transform: rotate(90deg); /* Safari and Chrome */
        -moz-transform: rotate(90deg);   /* Firefox */
        -ms-transform: rotate(90deg);   /* IE 9 */
        -o-transform: rotate(90deg);   /* Opera */
        transform: rotate(90deg);

    } 
}

*:focus {
    outline: 0 !important;
}

/* ipad */
@media (min-width: 768px) and (max-width: 1024px) {
    .wellcome_area > .h-100{
        padding-top: 100px;
        margin-top: 50px;
    }
    .header_area .header-logo,
    .open-responsive-menu .fa{
        font-size: 28px;
    }
    .wellcome-heading{
        margin-bottom: 80px;
    }
    .wellcome-heading .wellcome-info h3{
        font-size: 22px;
    }
    .wellcome-heading .wellcome-info h1{
        font-size: 50px;
    }
    .wellcome-heading .wellcome-info h2{
        font-size: 40px;
    }
    .get-start-area .get-start-button, .get-start-area .watch-video-button{
        min-width: 40%;
    }
    .get-start-area .get-start-button{
        margin-right: 5%;
    }
    .awesome-description-img{
        padding-bottom: 50px;
    }
    .awesome-description-img img{
        margin-left: 1%;
    }
    .awesome-description-content h2{
        font-size: 40px;
        margin-bottom: 40px;
    }
    .awesome-description-content > p{
        font-size: 20px;
        margin-bottom: 40px;
    }
    .app-download-area{
        text-align: center;
    }
    .awesome-features-description-img img{
        padding: 30px;
    }
    .section-heading{
        margin: 40px 0px;
        text-align: center;
    }
    .section-heading > h3{
        font-size: 20px;
    }
    .awesome-feature .awesome-description-content{
        text-align: center;
    }
    .awesome-feature .awesome-description-content > h2{
        font-size: 35px;
        text-align: center;
    }
    .single-feature h5{
        font-size: 20px;
    }
    .single-feature p{
        font-size: 18px;
    }
    .additional-features h2{
        font-size: 35px;
    }
    .additional-features .additional-features-content p{
        font-size: 18px;
    }
    .video-area .video-play-btn a{
        width: 50px;
        height: 50px;
    }
    .video-area .video-play-btn i{
        font-size: 20px;
    }
    .video-area .video-play-btn p{
        font-size: 18px;
    }
    .special-area .section-heading{
        margin: 15px 0px;
    }
    .special-area .section-heading h3{
        font-size: 18px;
    }
    .special-area h2{
        font-size: 35px;
    }
    .special-area .why-special{
        margin: 50px 0px 50px 150px;
    }
    .single-special > h4{
        font-size: 20px;
    }
    .single-special > p{
        font-size: 18px;
    }
    .app-screenshots-area h2{
        font-size: 35px;
    }
    .clients-feedback-area .section-heading h3{
        font-size: 22px;
    }
    .clients-feedback-area .special_description_content p{
        font-size: 22px;
    }
    .special_description_content{
        top: 15%;
    }
    .widget .textwidget ul li a img{
        width: 50px;
        margin-right: 0px;
    }
}