/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1600px) {
    li .tip span {
        display: none;
        position: absolute;

        z-index: 100;
        background: #fff;
        color: #1e1e1e;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;

        border-radius: 3px;
        box-shadow: 0 2px 29px 0 rgba(0, 0, 0, 0.22);
        padding: 30px 20px 30px 20px;
        width: 210px;
    }
}


@media only screen and (max-width: 1366px) {
    #header .header-wrap .show-search {
        /*  display: none;*/
    }

    .lastpricediv li .tip span:before {
        content: '';
        display: block;
        position: absolute;
        border-top: 15px solid transparent;
        left: 25px;
        right: 0;
        text-align: center;
        top: -28px;
        /* margin: 0 auto; */
        /* transform: rotate(360deg); */
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid white;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .lastpricediv li .tip span {

        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        z-index: 100;
        background: #fff;
        color: #1e1e1e;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        min-width: 235px;
        border-radius: 3px;
        box-shadow: 0 2px 29px 0 rgba(0, 0, 0, 0.22);

    }

}

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

    #mainnav ul.right-sub-menu {
        right: 55px;
    }

    #mainnav ul.submenu li ul {
        left: 260px;
    }

    #mainnav ul.submenu {
        width: 260px;
    }

    #mainnav ul.submenu > li > a {
        font-size: 12px;
        padding: 0 0 0 10px;
    }

    .flat-socials {
        padding-right: 35px;
    }
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        font-size: 12px;
    }

    .flat-contact-form.border-radius input {
        width: 230px;
    }

    .flat-contact-form.border-radius select {
        width: 235px;
    }

    .flat-contact-form.border-white select,
    .flat-contact-form.border-white textarea,
    .flat-contact-form.border-white input[type="text"] {
        font-family: 'Roboto Slab';
        font-size: 12px;
    }

    .flat-iconbox {
        height: 660px;
    }

    .indiv-icnbx .flat-iconbox {
        height: 725px;
    }

    #mainnav > ul > li > a {
        padding: 0 15px 0 15px;
    }

    .bg-banner .title-about-us {
        font-size: 24px;
    }

    .price_col {
        width: 33%;
        margin: 20px auto;
        height: 100%;
        border-radius: 4px;
        border: 1px solid #ebebeb;
        box-shadow: 0 6px 14.94px 3.06px rgba(0, 0, 0, 0.1);
        background-color: #fff;
        top: 0;
        left: 0;
        height: 450px;
    }

    .pricing_shadow {
        display: none;
    }

    .price-sm-col {
        display: none;
    }

    .price-main {

        border-top: none;
        border-left: 1px solid #e5e5e5;

        padding-bottom: 0;
    }

    .pricing-box .active {
        border-radius: 6px;
        border-top: 7px solid #3f81b7;
        box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.18);
        background-color: #fff;
        padding-bottom: 56px;
        border-right: none;
        height: 450px;
        margin: 20px auto;
    }

    .price-sm {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 80px;
    }

    .price-sm .price_col {
        width: 100%;

    }

    .price_rt-info {
        padding-top: 20px;
    }


    .lastpricediv li .tip span:before {
        content: '';
        display: block;
        position: absolute;
        border-top: 15px solid transparent;
        left: 25px;
        right: 0;
        text-align: center;
        top: -28px;
        /* margin: 0 auto; */
        /* transform: rotate(360deg); */
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid white;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .lastpricediv li .tip span {

        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        z-index: 100;
        background: #fff;
        color: #1e1e1e;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        min-width: 235px;
        border-radius: 3px;
        box-shadow: 0 2px 29px 0 rgba(0, 0, 0, 0.22);

    }

}

@media only screen and (max-width: 1024px) {
    li .tip span:before {
        content: '';
        display: block;
        position: absolute;
        border-top: 15px solid transparent;
        left: 25px;
        right: 0;
        text-align: center;
        top: -28px;
        /* margin: 0 auto; */
        /* transform: rotate(360deg); */
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid white;
    }

    li .tip span {

        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        z-index: 100;
        background: #fff;
        color: #1e1e1e;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        min-width: 100%;
        border-radius: 3px;
        box-shadow: 0 2px 29px 0 rgba(0, 0, 0, 0.22);

    }
}

@media only screen and (min-width: 991px) {
   /* .n-dis-md {
        display: none;
    }*/
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
    #mainnav {
        display: none;
    }

    .btn-menu {
        display: block;
    }

    .header .header-wrap .logo {
        float: left;
        margin: 15px 0px 15px 0px;
    }

    .btn-menu {
        margin: 30px 0;
    }

    .flat-information > li {
        margin-left: 20px;
    }

    .top .top-navigator ul li {
        padding: 7px 15px 8px 16px;
    }

    .flat-row,
    .flat-row.flat-video,
    .page-title,
    .flat-row.portfolio-slides,
    .main-content {
        padding: 50px 0;
    }

    .flat-row.pad-top95px.pad-bottom40px {
        padding-bottom: 0;
    }

    .wrap-form-event {
        padding: 50px 15px
    }

    .about-us.style1 {
        padding: 40px 0 40px;
    }

    .field-large input[type="text"],
    .field-large input[type="password"],
    .field-large input[type="datetime"],
    .field-large input[type="datetime-local"],
    .field-large input[type="date"],
    .field-large input[type="month"],
    .field-large input[type="time"],
    .field-large input[type="week"],
    .field-large input[type="number"],
    .field-large input[type="email"],
    .field-large input[type="url"],
    .field-large input[type="search"],
    .field-large input[type="tel"],
    .field-large input[type="color"] {
        height: 50px;
    }

    h1,
    .title-section.style3 .title,
    .flat-countdown-event .title-countdown,
    .page-title .page-title-heading h1,
    .blog-single .entry .main-post .title-post a {
        font-size: 22px;
        line-height: 24px;
    }

    #video-controls .title,
    .about-us .title-about-us {
        font-size: 20px;
        line-height: 22px;
    }

    #video-controls a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    .switcher-container h2 a,
    .go-top,
    .flat-event-slide .flex-direction-nav a {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .switcher-container h2 i {
        font-size: 18px;
        margin-top: 0;
    }

    .switcher-container h2 a {
        left: -35px;
    }

    .flat-divider.d55px,
    .flat-divider.d88px,
    .flat-divider.d90px,
    .flat-divider.d33px,
    .flat-divider.d75px,
    .flat-divider.d20px,
    .flat-divider.d60px,
    .flat-divider.d65px,
    .flat-divider.d45px,
    .flat-divider.d30px,
    .flat-divider.d70px {
        height: 0;
    }

    .wrap-contactform-home1,
    .wrap-blog-fullwidth,
    .flat-login {
        padding: 0 15px;
    }

    .title-section,
    .flat-testimonials-slider #flat-testimonials-flexslider {
        margin-bottom: 5px;
    }

    .flat-about-us .about-us-img .v1,
    .flat-about-us .about-us-img .v2,
    .flat-about-us .about-us-img .v3 {
        position: relative;
        width: 50%;
        float: left;
    }


    .flat-about-us .about-us-img .v1,
    .flat-about-us .about-us-img .v2,
    .flat-about-us .about-us-img .v3,
    .wrap-form-event,
    .flat-team.style1 .descritption blockquote:before {
        left: 0;
        top: 0;
    }

    .flat-teammember .team-image img {
        top: 0px;
        left: 0;
    }

    .flat-contact-form.fillter-courses .wrap-type-input .wrap,
    .flat-contact-form.fillter-courses .all-categories button {
        float: none;
    }

    .flat-event-slide .flex-direction-nav .flex-next {
        right: 0;
    }

    .flat-event-slide .flex-direction-nav .flex-next {
        top: 50%;
        margin-top: -25px;
    }

    .flat-contact-form.fillter-courses .wrap-type-input .wrap,
    .main-content.blog-single-sidebar .entry .feature-post img,
    .flat-list.left,
    .course-list .list-content,
    .course-list .thumb {
        padding-right: 0;
    }

    .flat-list.right,
    .flat-information-box.inf4 {
        padding-left: 0;
    }

    .flat-contact-form.border-radius select,
    .flat-contact-form.border-white .wrap.courses-keyword input[type="text"],
    .wrap-form-event,
    .widget.widget_mc4wp input[type="email"],
    .flat-portfolio .item.w50,
    .flat-contact-form.border-radius input {
        width: 100%;
    }

    .flat-portfolio .item {
        width: 50%;
    }

    .widget.widget_mc4wp input[type="submit"] {
        position: absolute;
    }

    .widget.widget_mc4wp input[type="submit"] {
        right: 0px;
    }

    .copyright,
    .flat-socials.text-right,
    .single-image.style1,
    .single-image,
    .flat-iconbox {
        text-align: center;
    }

    ul.flat-socials li:first-child {
        margin-left: 0;
    }

    .title-section.cl-white.style3.v3,
    .flat-event.style1,
    .blog-single .entry .main-post {
        margin-bottom: 0;
    }

    .copyright {
        padding: 36px 0 15px;
    }

    .bottom ul.flat-socials li {
        padding: 15px 0 30px;
    }

    .header .header-wrap:after,
    .flat-about-us .about-us-img .v1 {
        display: none;
    }

    .flat-contact-form.fillter-courses .all-categories {
        padding-bottom: 25px;
    }

    .flat-contact-form.fillter-courses .all-categories button,
    .wrap-form-event button,
    .blog-single .entry .main-post {
        padding: 17px 20px;
    }

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        padding: 19px 99px 17px 90px;
    }

    .flat-testimonials-slider #flat-testimonials-flexslider:before {
        top: 0;
    }

    .footer-widgets .widget,
    .flat-iconbox.style1,
    .flat-iconbox,
    .flat-courses.style1 {
        margin-bottom: 30px;
    }

    .single-image.style1 img,
    .single-image img {
        margin: 0 0 0;
    }

    .flat-event .event-wrapper .meta .location:before {
        left: 115px;
    }

    .flat-testimonials-flex .flex-control-nav {
        right: 0;
    }

    .flat-testimonials-flex .flex-control-nav {
        top: 100px;
    }

    .flat-row.pad-top0px.pad-bottom0px,
    .about-us.pad-top55px {
        padding: 0;
    }

    .flat-one-four {
        width: 50%;
    }

    .flat-row.pad-top0px.pad-bottom0px.mag-top-199px {
        margin-top: 50px;
    }

    .flat-team.style1 {
        padding: 30px 0px 30px 20px;
    }

    .flat-information-box.inf1,
    .flat-information-box.inf2,
    .flat-information-box.inf4 {
        padding-right: 0;
    }

    .course-list .thumb {
        margin-bottom: 15px;
    }

    .fillter-courses.style1 .categories-courses:before,
    .fillter-courses.style1 .courses-level:before {
        right: 40px;
        top: 15px;
    }

    .flat-portfolio.v1 .flex-control-nav {
        width: 90%;
    }

    .flat-teammember .team-image img {
        position: relative;
    }

    .flat-grid.margin55px {
        margin: 0 0;
    }

    .flat-login .create-account .link-submit-wrap a {
        font-size: 13px;
    }

    .n-dis-sm {
        display: none;
    }

    .corpsec {
        display: block;
    }

    .logo img {
        width: 200px;
    }

    .flat-iconbox {
        height: 570px;
    }

    .indiv-icnbx .flat-iconbox {
        height: 631px;
    }

    .flat-courses {
        margin-bottom: 40px;
    }

    .wrap-form-event {
        position: relative;
        margin-bottom: 50px;
    }

    .flat-countdown-event {
        padding: 88px 15px 85px 55px;
    }

    /*.flexbox {
        display: block;
    }*/

    .show-search {
        display: inline-block;
    }

    .price_col {
        width: 33%;
        margin-bottom: 30px;
    }

    /*.price-cnt-info {
        width: 100%;
        float: none;
        clear: both;
        max-width: 400px;
        margin: 0 auto;
        border-radius: 4px;
        border: 1px solid #ebebeb;
        box-shadow: 0 6px 14.94px 3.06px rgba(0, 0, 0, 0.1);
        background-color: #fff;
    }*/

    .price-cnt-info .m-tp {
        margin-top: inherit;
    }

    .pricing-box {
        height: auto;

    }
    .prd-smhgt .flat-iconbox{
        height: auto;
    }

}

/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {


    .flat-countdown-event {
        padding: 86px 15px 130px 2px;
    }

    .flat-countdown-event .circle {
        margin-right: 10px;
    }
}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {}

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

    .blog .entry .feature-post,
    .blog .entry .main-post,
    .wrap-contactform-home1 .input-wrap,
    .wrap-contactform-home3 .wrap-type-input,
    .wrap-contactform-home3 .textarea-wrap {
        width: 100%;
    }

    .flat-one-four {
        width: 50%;
    }

    .blog .entry .feature-post,
    .blog .entry .main-post,
    .course-list .thumb {
        float: none;
    }

    .flat-courses {
        text-align: center;
        margin-bottom: 30px;
    }

    .flat-team.style2 {
        margin: 0 15px 0 70px;
    }

    .flat-team.style2 {
        padding: 15px 15px 15px 50px;
    }

    .flat-team.style2 .team-image img {
        left: 0;
    }

    .testimonials-flexslides1.flat-testimonials-flex.style2 .flex-direction-nav {
        display: block;
    }

    .flex-direction-nav,
    .row-bg-whiteblack:after,
    .entry.images-left .main-post:before,
    .entry.images-right .main-post:after {
        display: none;
    }

    .flat-testimonials-slider #flat-testimonials-carousel,
    .flat-event.style1 .event-wrapper .meta .location,
    .wrap-contactform-home3 .textarea-wrap,
    .course-sidebar {
        padding-left: 0;
    }

    .wrap-contactform-home3 .wrap-type-input,
    .content-box .content {
        padding-right: 0;
    }

    .flat-countdown-event {
        padding: 50px 15px 65px 15px;
    }

    .flat-countdown-event .circle {
        width: 80px;
        height: 80px;
        margin-right: 10px;
        padding-top: 20px;
    }

    .flat-countdown-event .circle .numb,
    .flat-iconbox.center.style4 .flat-counter div,
    .aquarius h2 {
        font-size: 22px;
    }

    .course-widget-featured ul li {
        overflow: hidden;
    }

    .flat-event .event-wrapper {
        overflow: visible;
    }

    .entry.images-right .main-post {
        padding-left: 15px;
    }

    .flat-courses .courses-price p {
        font-size: 18px;
    }

    .flat-divider.d50px {
        height: 0;
    }

    .single-image.style1,
    .image,
    .course-list > ul > li,
    .flat-event .event-wrapper,
    .content-box {
        margin-bottom: 30px;
    }

    .wrap-contactform-home3 button,
    .flat-row.pad-top95px.pad-bottom50px {
        padding: 15px 25px;
    }

    .wrap-contactform-home3 button {
        font-size: 14px;
    }

    .list-course {
        margin-right: 30px;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .list-course,
    .course-sidebar {
        padding-top: 40px;
    }

    .main-content.blog-single-sidebar .entry .main-post,
    .main-content.blog-single-sidebar .section-comment {
        margin-right: 0;
    }

    .widget.widget-instagram .instagram-thumb .thumb {
        width: 90px;
    }

    .fillter-courses .categories-courses:before,
    .fillter-courses .courses-level:before {
        right: 30px;
        top: 5px;
    }

    .flat-contact-form.fillter-courses .all-categories button,
    .wrap-form-event button,
    .blog-single .entry .main-post {
        padding: 12px 20px;
    }

    .flat-contact-form.border-radius select,
    .flat-contact-form.border-radius input {
        height: 50px;
    }

    .fillter-courses .categories-courses:before,
    .fillter-courses .courses-level:before {
        right: 30px;
        top: 11px;
    }

    .flat-contact-form.border-white select,
    .flat-contact-form.border-white textarea,
    .flat-contact-form.border-white input[type="text"] {
        font-size: 12px;
        line-height: 10px;
    }

    .flat-contact-form.fillter-courses .all-categories button,
    .wrap-form-event button,
    .blog-single .entry .main-post {
        padding: 17px 40px;
    }

    .content-box .content p {
        padding-bottom: 0;
    }

    .flat-grid.margin20px {
        margin: 0 -15px;
    }

    .wrap-form-event {
        position: relative;
        top: -15px;
    }

    .flexbox {
        display: block;
    }

    .n-dis-sm {
        display: none;
    }

    .is-sticky .logo img {
        width: 160px;
        padding-top: 24px;
    }

    /* .btn-menu {
        margin: 50px 8px 0;
    }*/


    .flat-iconbox {
        height: auto;
    }

    .indiv-icnbx .flat-iconbox {
        height: auto;
    }

    .bg-banner .about-us h2 {
        font-size: 22px;
        text-align: center;
    }

    .bg-banner .about-us {
        text-align: center;
    }

    .bg-banner .about-us .desc {
        text-align: left;
    }

    .price_col {
        width: 100%;
        margin-bottom: 3px;
        height: auto;
        padding: 30px 25px;
    }

    .price-sm {
        display: block;
        margin: 0;
    }

    .page-desc .course-entry .course-title {
        font-size: 25px;
        line-height: 49px;
        padding-bottom: 7px;
        font-weight: 500;
        /* color: #3f81b7; */
    }

    .price-sm .price_col {
        width: 100%;
        height: auto;
    }

    .pricing-box .active {
        margin-top: inherit;
    }

    .timeline-heading h2 {
        font-size: 20px !important;
        text-align: center;
    }

    .timeline > li .timeline-image-mob {
        margin: 0 auto 15px;
    }

}

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

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {

    .flat-portfolio .item,
    .col-xs-6,
    .your-rating .rating {
        width: 100% !important;
    }

    .your-rating span {
        padding: 0;
    }

    .flat-row,
    .blog-single .section-comment {
        padding: 35px 0;
    }

    .flat-courses,
    .flat-iconbox,
    .top .top-navigator,
    .author-post .flat-socials,
    .course-author-post .flat-socials {
        text-align: left;
    }

    .flat-iconbox.style1 {
        text-align: center;
    }

    .flat-countdown-event .circle {
        margin-right: 2px;
    }

    .list-course {
        margin-right: 55px;
    }

    .flat-countdown-event .circle,
    .flat-contact-form.border-radius select,
    .blog-single .feature-post {
        margin-bottom: 20px;
    }

    .flat-information > li.phone {
        margin-left: 0;
    }

    .top .language,
    .flat-row.pad-top85px.pad-bottom85px {
        padding: 15px 0 10px;
    }

    .top-navigator {
        border-top: 1px solid #eeeeee
    }

    .widget.widget_mc4wp {
        padding: 32px 15px 15px;
    }

    .widget.widget_mc4wp input[type="submit"] {
        padding: 17px 15px 19px 15px;
    }

    .blog-single .entry .main-post .entry-post ul,
    .course-single .course-entry .content-desc ul {
        padding-left: 25px;
    }

    .author-post .flat-socials,
    .course-author-post .flat-socials {
        margin-top: 26px;
    }

    .author-post .author .author-meta,
    .course-author-post .author .author-meta {
        padding-top: 0;
    }

    .flat-event .event-wrapper,
    .blog-pagination .flat-pagination li.next {
        padding-right: 0;
    }

    .course-rating .average-rating {
        margin-right: 0;
    }

    .course-rating .average-rating,
    .course-comment-respond .wrap-type-input .input-wrap,
    .flat-one-four {
        width: 100%;
    }

    .course-comment-post .comment .comment-avatar img,
    .comment-post .comment .comment-avatar img,
    .course-comment-respond .wrap-type-input .input-wrap.name {
        float: none;
    }

    .blog-pagination .flat-pagination li.prev {
        padding-left: 0;
    }

    .blog-pagination .flat-pagination li.prev,
    .blog-pagination .flat-pagination li,
    .blog-pagination .flat-pagination li.active {
        margin-left: 0;
    }

    .flat-contact-form.border-radius.style1 select,
    .flat-contact-form.border-radius.style1 input {
        height: 50px;
    }

    .fillter-courses.style1 .categories-courses:before,
    .fillter-courses.style1 .courses-level:before {
        right: 30px;
        top: 7px;
    }

    .flat-countdown-event {
        padding: 50px 0 65px 0;
    }

}

@media (max-width: 320px) {}

/* Retina Devices */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .flat-accordion .toggle-title.active:after {
        background: url("../images/icon/sub@2x.png");
        background-size: 26px 10px;
    }

    .flat-accordion .toggle-title:after {
        background: url("../images/icon/add@2x.png");
        background-size: 26px 26px;
    }

    .widget_search .search-form .search-submit {
        background: url("../images/icon/search-icon@2x.png");
        background-size: 30px 30px;
    }
}