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

.container{width:100%; max-width:100%; }

nav ul li{ margin: 0 10px; }

.topics_area ul.topic_list li, .courses_area ul.course_list li, .blog_area ul.blog_list li{ min-width:inherit; margin:10px 0; }

.sign_up_area .full_box .box_2{ padding:75px 50px; }

}







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

.button-2, .button-3{ background:#fccd99; border:none !important; color:#fff; }    

.button-2:hover, .button-3:hover{ color:#fff !important; }

header.sticky{ padding:25px 0; }

.mobile_nav{ display:block; margin:0 0 0px 0; color:#fccd99; width:auto; border:solid 0px #fccd99;}

nav{ width:auto; border:none;}

nav ul{ display:none; background:#fff; margin:0; padding:0; position:absolute; width:305px; z-index:10;}

nav ul li{ width:100%; text-align:left; float:left; margin: 0;}

nav ul li a{ color:#000; font-size:16px; padding: 16px; border-bottom:solid 1px #f7f7f7 !important; width:100% !important; float:left;}

nav ul li ul.drop1_list{ position:static; display:none !important;width:100%; height:auto; float:left;}

nav ul li:hover ul.drop1_list{ display:block !important;}

nav ul li.demo_request{ margin:15px 0; padding:0 15px; }

nav ul li.demo_request a{ text-align:center; padding:12px 0; width:80% !important; }

.hide_nav{ display: block; }

.mobile_nav span { width:32px; height:2px; background:#fccd99; float:right; margin:21px 0 0 3px; position:relative;transition: all .3s ease; font-size:0;}

.mobile_nav span:before { content:''; position:absolute; width:100%; height:2px; background:#fccd99; left:0px; top:-10px; transition: all .4s ease; }

.mobile_nav span:after { content:''; position:absolute; width:100%; height:2px; background:#fccd99; left:0px; bottom:-10px; transition: all .4s ease;}

.mobile_nav.close_menu span { height:auto; font-size:24px; color:#fff; background:#fccd99; margin-top:21px; margin-left:3px; font-weight:300; }

.mobile_nav.close_menu span:before {transform: rotate(45deg); transition: all .4s ease; top:0%; margin-top: -1px; opacity:1 }

.mobile_nav.close_menu span:after {transform: rotate(-45deg); transition: all .4s ease; bottom: 50%; margin-bottom: -1px; opacity:1; }	

	

h2{ font-size:32px !important; line-height: 36px !important}	

header.dark_head .nav_right{ background:#00283C; }

.admin_top{ padding:15px; }

.topics_area ul.topic_list, .courses_area ul.course_list, .blog_area ul.blog_list{ justify-content:center; }

.topics_area ul.topic_list li, .courses_area ul.course_list li, .blog_area ul.blog_list li{ min-width:inherit; flex:0 0 48%; margin:10px 1%; }

.top_srch_area .filter_area select{ margin-right:10px; }

.topics_area, .category_area, .courses_area, .testimonial_area, .faq_area, .sign_up_area, .blog_area, .stats_area{ padding:50px 0; }

.stats_area ul.stats{ padding-right:0; }

.stats_area ul.logo_icon{ padding-left:0 }

.sign_txt{ padding:50px; }

.contact_box{ position:static; margin:25px 0 0; left:inherit; width:100%; height:auto; float:left; border-radius:5px; padding:15px; }

.contact_box ul li{ margin:10px 0; }

.stats_area .col-md-5, .stats_area .col-md-7{ flex:0 0 100% !important; max-width:100% !important; }

.stats_area ul.stats, .stats_area ul.logo_icon{ width:100%; float: left; justify-content:center; display:flex; max-width:inherit; margin:10px 0; }

.stats_area ul.stats li{ margin:0 30px; }

.left_anm, .rgt_anm, .srvc_1, .srvc_2, .srvc_3, .srvc_4, .srvc_5, .srvc_6, .mid_anm { animation:none !important; -webkit-animation:none !important; opacity:1 !important }

}



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

   .sign_txt{ padding:40px 25px; } 

h1, h2{ font-size:32px;}		

footer .address_detials{ margin: 0 0 30px; }

.clients_area ul li{ flex: 0 0 48%; margin: 10px 0; }	

.top_banner{ padding:60px 0; }

.top_banner figure{ margin:0 0 25px; }

.top_banner .banner_txt h1{  font-size:32px; }

.top_banner .banner_txt a.read_more{padding: 11px 15px;display: inline-block;margin: 0px 10px 0 0;}

.course_details_area figure .play_icon span svg{ display:inline-block; max-width:60px; }



.top_srch_area{ flex-flow: row wrap;

	}

    .topics_area ul.topic_list li, .courses_area ul.course_list li, .blog_area ul.blog_list li{ flex:0 0 100%; margin:15px 0; }

    .sign_up_area .full_box .box_1{ flex:0  0 100%; }

    .sign_up_area .full_box .box_2{ flex:0 0 100%; }

    .faq_area .card .right_cont{ padding-left:20px; }

    .faq_area .card .right_cont h3, .faq_area .card .right_cont h3.collapsed{ font-size:16px; padding-right:25px; }

    .testi_dtls h3{ font-size:20px; line-height:26px; }

    .sign_up_area .full_box .box_2{ padding:50px 30px; }

    .title_area { padding:0; }

    .courses_area ul.course_list li .act_area span{ font-size:14px; margin-right:5px; }

    .stats_area ul.stats li{ margin:0 15px; text-align:center; }

    .stats_area ul.stats li h3{ font-size:22px; }

    .stats_area ul.logo_icon li{ margin:10px 5px; }

     .top_srch_area .filter_area{ display:flex; align-items:center; justify-content:space-between; ; }

    .top_srch_area .filter_area button{ width:160px; height:50px; }

    .top_srch_area .filter_area select{ width:130px; height:50px; }

    .main_link_area .foot_box{ flex:0 0 32%; }

    footer .resource li a{ font-size:13px; }

    .main_link_area .foot_box h3{ font-size:13px; }

    .bot_foot p{ font-size:16px; }



    .top_banner .col-md-7{ order:1; }

     .top_banner .col-md-5{ order:2; }

.category_area figure{ margin:25px 0 0; }

}





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

.

}
@media only screen and (max-width: 767px){
   .main-tabs {
    display: flex;
    flex-direction: column;
}
.review-slider {
    display: flex;
    gap: 35px;
    margin: 20px 0 0;
    flex-direction: column;
}
section.review-section {

    padding: 30px 0;
}
.sign_up_area .full_box {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between;
    background: #fff;
    padding: 32px 32px 56px;
    border-radius: 24px;
    margin: 15px 0 0;
    flex-direction: column;
    gap: 30px;
}
.footer-section {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0;
    flex-direction: column;
}
.top_foot {
    width: 100%;
    float: left;
    background: #f0e5d7;
    padding: 30px 0;
    color: #fff;
}
.footer-section-rgt ul {
    display: flex;
    gap: 16px;
    margin: 0px;
}
ul.nav.nav-tabs .nav-link.active {
    content: '';
    left: 0px;
    top: 0px;
    background-color: #290e44;
    width: 100%;
    height: 100%;
    border: 1px solid #a58369;
    border-radius: 20px;
    border-left: 5px solid #a58369;
    border-right: 1px solid #a58369;
    height: 80px;
    line-height: 81px;
}
ul.nav.nav-tabs .nav-link.active::after {

    width: 0px;

}
section.tabs-section {
    background: #210440;
    padding: 30px 0;
    width: 100%;
    float: left;
}
ul.nav.nav-tabs li a {
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    background: #290e44;
    margin: 0 0px 15px 0;
    color: #fff;
	float: left;
        width: 100%;
	
}
.tab-content {
    background-color: #290e44;
    border: 1px solid #a58369;
    border-radius: 20px;
    margin: 20px 0 0;
}
.line-section {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) -3.83%, rgba(206, 168, 121, 0.8) 49.57%, rgba(255, 255, 255, 0) 100.14%);
    height: 3px;
    width: 100%;
    margin: 30px 0 0;
}
.gallery_items:after {
    position: absolute;
    content: '';
    width: 100px;
    height: 91%;
    background-image: linear-gradient(to right, #e3d6c600, #e3d6c6);
    right: 0px;
    top: 31px;
    z-index: 11;
}
.swiper-container.swiper-container-horizontal {
    margin: 30px 0 0;
}
section.gallery_items {
    background: #e3d6c6;
    width: 100%;
    float: left;
    padding: 30px 0;
}
.gallery_items:before {
    position: absolute;
    content: '';
    width: 110px;
    height: 91%;
    background-image: linear-gradient(to right, #e3d6c6, #e3d6c600);
    left: 0px;
    top: 31px;
    z-index: 11;
}
.top_banner figure img {
    max-width: 100%;
    height: 330px;
    width: 100%;
}
.top_banner {
        padding: 90px 0 0;
    }
    .top_banner .banner_txt h1 {
        font-size: 24px;
        margin: 10px 0;
    }
    .bnr-box-area figure img {
    width: 60px;
    height: 60px;
    border-radius: 7px;
}
    .top_banner figure {
        margin: 0 0 0px;
    }
    ul.nner_bnr_area {
    display: flex;
    gap: 26px;
    margin: 20px 0;
}
header .logo_area img {
    max-width: 100%;
    width: auto;
    height: 35px;
}
header.sticky {
        padding: 10px 0;
    }
        nav ul {
        position: fixed;
        width: 100% !important;
        max-width: 100% !important;

    }
    .nav_right {
    z-index: 500;
    background: #fff;
    -webkit-animation: menu .1s;
    animation: menu .1s;
    top: 65px;
    min-width: 300px;
    left: 0 !important;
}
.nav_right{
   width: 100% !important;
}
    h2 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    .content_area h2, .content_area h3 {
    width: 100%;
    float: left;
    margin: 0px 0 10px;
    position: relative;
    font-size: 24px;
    font-weight: 600;
    color: #3a0d63;
}
.faq_area .card {
    display: flex;
    flex-flow: row;
    border: solid 1px #ECECF1;
    border-radius: 16px;
    padding: 15px;
    margin: 16px 0;
    box-shadow: rgba(34, 42, 65, 0.1) 0px 20px 40px 0px;
}
    .faq_area .card .right_cont {
        padding-left: 0px;
    }
    .faq_area .card .right_cont h3, .faq_area .card .right_cont h3.collapsed {
        font-size: 14px;
        padding-right: 22px;
    }
    .tab-content h2 span {

    flex: 0 0 64px;
}
    h2 {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    .card-intro-top3-star {
    margin-right: 5px;
    padding: 4px 12px;
    border-radius: 50px;
    flex: 0 0 60px;
}
.review-slider-card p {
    font-size: 16px;
    opacity: 0.88;
    margin-top: 8px;
    color: #fff;
    line-height: 20px;
}
	.main-tabs .nav-tabs .nav-item{
	margin-bottom: 0px;
    width: 100%;
    float: left;
		display:block;
	}
	ul.nav.nav-tabs {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    border: none;
    flex-flow: wrap;
}
}