@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:#19B3FF; border:none !important; color:#fff; }    
.button-2:hover, .button-3:hover{ color:#fff !important; }
header.sticky{ padding:15px 0; box-shadow:none; }
.mobile_nav{ display:block; margin:0 0 0px 0; color:#19B3FF; width:auto; border:solid 0px #19B3FF;}
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; text-align: center;}
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:100% !important; }
.hide_nav{ display: block; }
.mobile_nav span { width:32px; height:2px; background:#19B3FF; 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:#19B3FF; left:0px; top:-10px; transition: all .4s ease; }
.mobile_nav span:after { content:''; position:absolute; width:100%; height:2px; background:#19B3FF; left:0px; bottom:-10px; transition: all .4s ease;}
.mobile_nav.close_menu span { height:auto; font-size:24px; color:#fff; background:#19B3FF; 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; }	
header{ transition:ease-out .3s all; }	
h2{ font-size:32px !important; line-height: 36px !important}	
header.dark_head .nav_right{ background:#00283C; }
header.sticky .nav_right{ top:60px; }

.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-delay: 0s !important; animation-duration: 0.7s !important; transform: translate(0) !important; transition: ease-in .3s all !important; -webkit-animation-delay:0s !important; -webkit-animation-duration:0.7s; -webkit-transform:translate(0) !important; -webkit-transition-property: opacity;}*/

.left_anm {  transition:ease-in .3s all;  -webkit-animation:left_anm .5s 0s;animation:left_anm .5s 0s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes left_anm {
    0%   {  opacity:0;     transform: none !important; }
    100% {opacity:1;   transform: none !important; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes left_anm {
       0%   {  opacity:0;     transform: none !important;  }
    100% {opacity:1;   transform: none !important; }
}


.rgt_anm {  transition:ease-in .5s all;  -webkit-animation:rgt_anm 0 0.5s 0s;animation:rgt_anm 0.5s 0s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes rgt_anm {
    0%   {  opacity:0;     transform: none !important;  }
    100% {opacity:1;   transform: none !important; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rgt_anm {
      0%   {  opacity:0;     transform: none !important;  }
    100% {opacity:1;   transform: none !important; }
}

.rgt_anm_2 {  transition:ease-in .3s all;  -webkit-animation:rgt_anm_2 .5s 0s;animation:rgt_anm .5s 0s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;  opacity:0; -webkit-opacity:0; }

@keyframes rgt_anm {
    0%   {  opacity:0;     transform: none !important;  }
    100% {opacity:1;   transform: none !important; }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rgt_anm {
    0%   { transform:scale(.95); opacity:0;     transform: none !important;  }
    100% { transform:scale(1);  opacity:1;   transform: none !important; }
}




.mid_anm{ transition:ease-in .3s all;  -webkit-animation:bulb .5s 0s;animation:bulb 0.5s 0s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}

@keyframes bulb {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bulb {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}



.srvc_1{ transition:ease-in .3s all;  -webkit-animation:srvc_1 .5s 0s;animation:srvc_1 .5s 0s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0;  cursor:pointer;}

@keyframes srvc_1 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_1 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}



.srvc_2{ transition:ease-in .3s all;  -webkit-animation:srvc_2 .5s 0s;animation:srvc_2 .5s 0s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_2 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_2 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}


.srvc_3{ transition:ease-in .3s all;  -webkit-animation:srvc_3 .5s 0s;animation:srvc_3 .5s 0s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_3 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_3 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}

.srvc_4{ transition:ease-in .3s all;  -webkit-animation:srvc_4 .5s 0s;animation:srvc_4 .5s 0s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_4 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_4 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}


.srvc_5{ transition:ease-in .3s all;  -webkit-animation:srvc_5 .5s 0s;animation:srvc_5 .5s 0s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_5 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_5 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}

.srvc_6{ transition:ease-in .3s all;  -webkit-animation:srvc_6 .5s 0s;animation:srvc_6 .5s 0s;animation-direction:alternate; -webkit-animation-direction:alternate; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; z-index:100 !important; opacity:0; -webkit-opacity:0; cursor:pointer;}
@keyframes srvc_6 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_6 {
    0%   { transform:scale(.95); opacity:0;  }
    100% { transform:scale(1);  opacity:1;  }
}


}

@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) {
.
}