@media (min-width: 992px) and (max-width: 1199px) {
    .menu_area .navbar-brand { font-size: 42px; }
    .sing-up-button > a { color: #fff; height: 40px; min-width: 152px; line-height: 36px; font-size: 14px; }
    .welcome-thumb { width: 50%; bottom: -100px; right: 50px; }
    .video-area { height: 550px; }
    .app_screenshots_slides { padding: 0 4%; }
    .btn-success.icon-go { padding: 20px 50px; position: relative; text-align: left; padding-left: 55px; font-size: 16px; }
    .btn-default ul.icon-clip:before,
    .btn-default ul.icon-link:before { left: 5px; }
    .btn-default ul.icon-clip,
    .btn-default ul.icon-link { list-style: none; padding-left: 40px; position: relative; }
    .dashboard-area { padding-left: 50px; padding-right: 50px; }
}
@media (max-width: 992px) {
.footer-area ul {
    margin-bottom: 20px;
}

}
@media (min-width: 768px) and (max-width: 991px) {
    .header_area { padding: 15px 0; }
    .menu_area .navbar-brand { font-size: 48px; }
    .header_area .menu_area #nav .nav-link,
    .header_area.sticky .menu_area #nav .nav-link { padding: 7.5px 15px; }
    #ca-navbar { padding:0; border-radius: 3px; text-align: left; }
    .sing-up-button { margin-top: 30px; text-align: left; }
    .welcome-thumb { width: 50%; bottom: -100px; right: 0; }
    .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; }
    .video-area { height: 350px; }
    .address-text > p,
    .phone-text > p,
    .email-text > p { font-size: 16px; }
    .footer-text > p { margin-bottom: 30px; }
    .section-heading { margin-bottom: 50px; }
    .sing-up-button > a { margin-top: 4px; display: inline-block; border: 2px solid #a883e9; height: 40px; min-width: 160px; line-height: 36px; font-size: 14px; }
    .counter-area { min-width: 50px; }
    .counter-area > h3 { font-size: 30px; }
    .app_screenshots_slides { padding: 0; }
    .clients-feedback-area .slick-slide.slick-current img { width: 90px !important; height: 90px !important; }
}

@media (min-width: 320px) and (max-width: 767px) {
    .header_area { padding: 0; }
    .header_area.sticky{ padding: 0; }
    .menu_area .navbar-brand { font-size: 48px; }
    .footer-contact-area { padding: 30px 0; }
    .menu_area #nav .nav-link{ border-radius: 0; border: none;}
    .menu_area #nav.ml-auto .nav-item{border-bottom: 1px solid rgba(255,255,255,0.4);}
    .menu_area #nav.ml-auto .nav-item:last-child{border-bottom: none;}
    .header_area .menu_area #nav .nav-link,
    .header_area.sticky .menu_area #nav .nav-link { padding: 5px 15px;}
    .menu_area #nav .nav-item.active .nav-link{border: none;}
    #ca-navbar { padding: 0;  background-color: #032a4c; text-align: left; box-shadow: 0px 4px 7px rgba(0,0,0,0.5); top: 100%; position: absolute; left: 0; right: 0;}
    .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; }
    .get-start-area .email { margin-bottom: 20px; max-width: 100%; }
    .welcome-thumb { width: 90%; bottom: -74px; right: 0; }
    .logo_area > a > h2 { font-size: 40px; margin-top: 10px; }
    .section-heading > h2 { font-size: 24px; margin-bottom: 25px; }
    .section-heading > p { margin-bottom:10px; }
    .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; }
    .video-area { border: 10px solid #fff; border-radius: 20px; height: 250px; }
    .video-area::after { top: -10px; left: -10px; width: calc(100% + 20px); height: calc(100% + 20px); border: 1px solid #f1f4f8; z-index: 2; border-radius: 20px; }
    .clients-feedback-area .client-description > p { font-size: 20px; }
    .clients-feedback-area .slick-slide img { width: 60px !important; height: 60px !important; }
    .clients-feedback-area .slick-slide.slick-current img { width: 70px !important; height: 70px !important; }
    .membership-description > h2 { font-size: 32px; }
    .get-started-button { text-align: left; margin-top: 20px; }
    .contact_from { margin-top: 30px; }
    .wellcome-heading > h3 { font-size: 24px; margin-bottom: 20px; }
    .wellcome-heading > p { font-size: 14px; margin-bottom: 20px; padding-right: 0px; }    .wellcome_area { padding-top: 60px; padding-bottom: 30px; }
    .navbar-brand img { width: 175px; }
    .wellcome-heading,
    .single-cool-fact { margin-bottom: 50px; }
    .cool_facts_area .col-12:last-of-type .single-cool-fact { margin-bottom: 0; }
    .dashboard-area { padding: 20px 15px; }
    .special-area { padding-top: 30px; padding-bottom: 30px; }
    .chart { width: 100%; height: 300px; }
    .section-heading { margin-bottom: 0px; }
    .btn-icon-stack { padding: 13px 20px; }
    .btn-success.icon-go { padding: 16px 20px; }
    .btn-icon-stack .text .big { white-space: normal;}
    .footer-area { padding: 40px 0px 10px 0px ; position: static !important;}
    /*documentaion page*/
    .documentation-nav {
        border-right: none;
    }
    .documentation-nav.sticky-top{position:static;}
    .document-content{padding-top: 30px;}
    .documentation-block{padding-left: 0;}
    .document-heading{    margin-bottom: 20px; font-size: 25px;}
    .document-sub-title{    margin-bottom: 20px; font-size: 18px;}
    .document-paragraph{    margin-bottom: 15px;}
    .document-content .list-group a.nav-link{font-size: 18px;}
    /*documentaion page end*/
    .main-bg{margin-bottom: 0 !important;}
}

@media (min-width: 480px) and (max-width: 767px) {
    .wellcome-heading > h2 { font-size: 70px; }
    .welcome-thumb { bottom: -109px; width: 75%; }
    .wellcome-heading { margin-bottom: 50px; }
    .get-start-area .email { max-width: 370px; }
}
@media (max-width: 480px) {
.btn-icon-stack .text .big{font-size: 14px;}
.btn-success.icon-go {
    padding: 16px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
    .get-start-area .email { margin-bottom: 0; }
}