/* Large desktop :1920px. */
@media (min-width: 1920px) {
.slide-content h3 {padding-top: 105px;}
.slider-area{height: 950px}
.header-top-right::after {left: 3%;}
.choose-area::before {right: 430px}
.owl-carousel .owl-item .slider-img > img {width: 100%}
.search {top: 81px}
.header-top::before {right: 37.5%}
}
/* Laptop Device :1366px. */
@media (min-width: 1200px) and (max-width: 1500px) {
.header-top::before {right: 38%}
.header-top-right::after {left: -19%}
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.header-area.two .main-menu nav > ul > li > a{font-size: 14px}
.topic_grid{font-size: 15px;margin: 6px;}
.slide-content h3 {font-size: 40px}
.slide-content h2 {font-size: 45px; line-height: 45px}
.event-content-right a {margin-right: 10px; padding: 8px 10px}
.event-date h3 {padding: 11px 15px}
.event-date {margin-right: 10px}
.blog-bottom h2 a {font-size: 15px}
.event-area.three .event-content h4 a {font-size: 13px}
.main-footer .col-md-3:last-child {padding-left: 25px}
.single-widget h3 {font-size: 18px}
.single-widget.pr-60 {padding-right: 0}
.single-widget p {margin-bottom: 16px}
.header-area.two .main-menu ul li a {padding: 0 10px}
.service-area h3 {font-size: 16px}
.about-content h2 {margin-top: 35px}
.notice-area.two .notice-left {padding: 26px 15px}
/* .notice-left-wrapper .notice-left .single-notice-left:nth-child(2) {display: none}*/
.notice-video, .notice-area.two .notice-left {height: 368px}
.about-content h2{font-size: 25px; margin-bottom: 5px; margin-top: 10px}
.blog-sidebar.right{margin-left: 0}
.section-title h2 {font-size: 26px;}
.main-menu nav > ul > li > a {line-height: 130px}
.logo {padding: 25px 0 23px}
.header-area.two .main-menu nav > ul > li > a {line-height: 122px}
.search {top: 77px;}
.single-teacher-content h2 {font-size: 18px}
.teacher-details-content {margin-top: 0px; margin-left: 0}
.header-top::before {right: 32.5%}
.header-top::after {width: 30%}
.header-top-right::after {left: -5%}
.event-area.two .event-content h4 a {font-size: 13px}
.event-area.two .event-content ul li {font-size: 11px; margin-right: 3px}
.event-area.two .event-content {padding: 25px 0 28px}
.course-content h3 {font-size: 18px}
.course-details-right {padding: 45px 20px}
.blog-sidebar.left {margin-right: 0px}
.teacher-details-content h2{font-size: 25px; margin-bottom: 0}
.teacher-details-content h5 {font-size: 18px; margin-bottom: 15px}
.teacher-details-content h4 {font-size: 20px; margin-bottom: 12px}
.teacher-details-content p {margin-bottom: 25px}
.teacher-contact h4, .skill-area h4 {font-size: 16px}
.teacher-contact p span, .teacher-contact p {font-size: 12px}
.reply-area form input, .reply-area form textarea {margin-bottom: 13px}
.notice-left {height: 612px;}
.footer-area.two .main-footer .col-md-3:last-child {padding-left: 0px}
.single-widget.instagram a{margin-right: 3px; margin-bottom: 3px}
#map{margin-left: -4%;}
.feeback_top h2{margin-top: -5%;}
.organizer_middless h6{padding-top: 5%;}
.organizer_middles h6, .organizer_middle h6{padding-top: 10%;}
.organizer_middless a img{width: 130px;}
.organizer_middles a img{width: 200px;}
.organizer_middle a img{width: 180px;}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.main-menu nav > ul > li > a {font-size: 12px; line-height: 80px; padding: 0 8px}
.logo {padding: 20px 0 15px}
.slide-content h3 {font-size: 40px}
.slide-content h2 {font-size: 45px; line-height: 45px}
.notice-right {padding: 40px 40px 50px}
.choose-content h2 {font-size: 25px}
.course-content {padding: 22px 28px 25px}
.single-widget.pr-60 {padding-right: 30px}
.main-footer .col-md-3:last-child {padding-left: 0px}
.single-widget ul li {margin-bottom: 13px}
.header-top::before{right: 35%}
.header-top-right::after {left: -15%}
.single-service {padding: 20px}
.service-area h3 {font-size: 14px; margin-bottom: 5px}
.service-area p {font-size: 13px}
.about-content h2 {font-size: 22px; margin-top: 0px}
.notice-video, .notice-area.two .notice-left {height: 320px}
.event-area.two .event-content h3 {margin-bottom: 10px}
.event-area.two .event-content h4 {margin-bottom: 13px}
.notice-area.three .notice-left {padding: 34px 27px}
.about-content a {margin-top: 15px}
.header-area.two .main-menu nav > ul > li > a {font-size: 13px; line-height: 111px}
.blog-sidebar.right{margin-left: 0}
.section-title h2 {font-size: 26px;}
#blog > img {width: auto}
.single-blog-banner a {display: inline-block}
.notice-area, .courses-area, .event-area, .blog-area, .main-footer, .service-area, .about-area, .blog-details-area, .teacher-area, .contact-area {padding: 80px 0}
.main-footer, .teacher-area {padding-bottom: 50px}
.teacher-area{padding-bottom: 80px}
.course-details-right {padding: 45px 30px}
.header-area.two.sticky .logo {padding: 16px 0 11px; width: 80%}
.sticky .main-menu > nav > ul > li > a {line-height: 58px}
.search {top: 73px}
.single-teacher-content h2 {font-size: 18px}
.header-top::after {width: 32%}
.event-area.two .event-content {padding: 17px 0 18px}
.event-area.two .event-img {margin-right: 35px}
.service-area.two, .notice-area.two{padding-bottom: 0}
.search-btn {margin-left: 15px}
.notice-right-wrapper, .contact-contents {margin-right: 0px;}
.notice-area.two .notice-left {padding: 38px 28px}
.choose-area::before {right: 40px}
.slider-img {display: none}
.slide-content {padding-left: 20px}
.courses-area{padding-bottom: 0}
.courses-area.two, .blog-sidebar.left {padding-bottom: 80px}
.slider-area.two .slide-content h2 {line-height: 50px}
.footer-area.two .main-footer .col-md-3:last-child {padding-left: 0}
.footer-bottom p {font-size: 12px; line-height: 65px}
.blog-sidebar.right, .teacher-details-area, .blog-sidebar.right{padding-top: 50px;}
.event-area.three .event-content h4 a {font-size: 17px}
.single-tag a:nth-child(3) {margin-right: 10px}
.blog-sidebar.left{margin-right: 0; overflow: hidden}
.teacher-contact h4, .skill-area h4, .teacher-contact p span, .teacher-contact p {font-size: 12px}
.skill-area, .skill-bar-item {margin-left: 0px}
.teacher-contact ul li {margin-right: 2px}
.skill-bar-item > span {font-size: 11px}
.progress-bar span.text-top {top: -33px; padding: 2px 8px}
.teacher-details-content {margin-top: 0px; margin-left: 0;}
.teacher-details-content h2{font-size: 18px; margin-bottom: 0}
.teacher-details-content h5 {font-size: 14px; margin-bottom: 8px}
.teacher-details-content h4 {font-size: 13px; margin-bottom: 8px}
.teacher-details-content p {margin-bottom: 20px; font-size: 13px; line-height: 21px}
.teacher-details-content ul li {margin-bottom: 8px; font-size: 12px}
.teacher-details-content ul li span{font-size: 12px}
.reply-area form input, .reply-area form textarea {margin-bottom: 13px}
.notice-left {height: 682px}
.logo {width: 100%}
.main-footer .col-sm-6:first-child, .main-footer .col-sm-6:nth-child(2){margin-bottom: 30px}
.footer-area.two.ins > .main-footer > .container > .row > [class*="col-"]:nth-child(even) {clear: both}
.single-widget.instagram a.gap{margin-right: 15px}
}
/* small mobile :320px. */
@media (max-width: 767px) {
.one.mobile-menu a.meanmenu-reveal {margin-top: -55px}
.mean-container a.meanmenu-reveal {margin-top: -62px}
.search-btn {top: 38px}
.logo {padding: 35px 0 0px}
.slider-img1{
min-height: 470px;
}
.slider_banner_info_w3ls {
padding-top: 47%;
}
.slider_banner_info_w3ls h4,.slider_banner_info_w3ls h1,.slider_banner_info_w3ls h2 {
font-size: 1.9em;
}
.slider_banner_info_w3ls p, .new_common p{font-size: 1.5em;}
.vsc_title h4, .vsc_topics h4, .vsc_venue h4, .vsc_feedback h4, .vsc_organizer_title h4{
line-height: 40px;
font-size: 22px;
}
.slider_banner_info_w3ls .long-line, .new_common .long-line{width: 90%;margin-left: 5%;}
.vsc_itro_p p{
font-size: 16px;
line-height: 30px;
}
.slider_banner_info_w3ls .short-line, .new_common .short-line{width: 60%;margin-left: 20%;}
.vsc_bg_time{padding: 60px 0;}
.vsc_bg_time .row .vsc_time_p{}
.vsc_time_p p{font-size: 18px;line-height: 38px;}
.vsc_time_p .vsc_time_border{line-height: 85px;margin-bottom: 60px;}
.venue_bg_rgb .venue_hotel{text-align: center;}
.venue_bg_rgb .col-md-4 #map{margin-left: 0px;}
.venue_detail{margin-left: 0px;margin-top: 5%;}
.vsc_bg_topics{margin-top: -200px;}
.vsc_topics{margin-top: 25%;}
.topic_gap_five, .topic_gap_four, .topic_gap_one, .topic_gap_seven, .topic_gap_six, .topic_gap_three, .topic_gap_two{
width: 85%;
}
.topic_grid{margin-left: 8%;}
.vsc_guest{margin-top: 90px;}
.guest_more, .sponsor_more{font-size: 16px;}
.vsc_venue{margin-top: -140px;}
.organizer_style div{margin-bottom: 10%;}
.vsc_copy{font-size: 12px;}
/*reg*/
.slider-img5, .slider-img6, .slider-img7, .slider-img8, .slider-img9{min-height: 220px;}
.slider_banner_info_w3ls img{margin-bottom: 15%;}
.other-line{margin-bottom: 0;width: 18%;}
.reg_letter_page p{font-size: 16px;margin-bottom: 20px;}
.reg_letter_page h2{font-size: 22px;margin-bottom: 20px;}
.reg-btn{margin-left: 15%;}
.contact_right_border{border-right: 0;}
.vsc_code .col-md-4{margin-bottom: 20px;}
.slide-content h3, .choose-content h2 {font-size: 24px; line-height: 32px}
.slide-content h3 {padding-top: 90px}
.slide-content h2 {font-size: 24px; line-height: 30px}
.notice-area, .courses-area, .event-area, .blog-area, .main-footer, .service-area, .about-area, .blog-details-area, .course-area, .teacher-area, .contact-area {padding: 80px 0}
.notice-left h3 {font-size: 24px; margin-bottom: 25px}
.single-notice-right h3, .blog-bottom h2 a {font-size: 16px}
.choose-area::before, .header-top::before, .slider-img{display: none;}
.choose-content {margin-left: 30px; margin-right: 30px}
.section-title h2 {font-size: 19px}
.event-area.three, .teacher-details-area, .blog-sidebar.right{padding-top: 80px}
.courses-details, .event-details-area, .teacher-area, .courses-area.two {padding-bottom: 80px}
.event-area.two .event-content {padding: 20px 0 18px}
.notice-right-wrapper, .contact-contents {margin-right: 0px;}
.service-area.two{padding-bottom: 0}
.single-course, .notice-left, .single-blog, .single-widget, .single-service, .blog-details, .single-teacher, .contact-contents{margin-bottom: 30px;}
.col-md-4:last-child .single-course, .col-md-4:last-child .single-blog, .col-md-3:last-child .single-widget, col-md-4:last-child .single-service, .col-md-3:last-child .single-teacher{margin-bottom: 0px;}
.event-area.two .event-content h3{margin-bottom: 10px}
.event-area.two .event-content h4 {margin-bottom: 15px}
.event-area, .notice-area.three{padding-top: 0}
.newsletter-form form button {position: relative; width: 100%}
.main-footer .single-widget{padding-left: 25px}
.main-footer .col-md-3:last-child {padding-left: 15px}
.footer-bottom p { line-height: 20px; padding: 15px 0}
.event-date h3 {font-size: 15px; line-height: 18px; padding: 13.5px 5px}
.event-content-left h4 {font-size: 13px}
.event-content {padding: 10px 0 10px}
.event-content-left ul li {font-size: 11px}
.course-img img, .blog-img img, #blog > img, .single-teacher-img img{width: 100%}
.service-area h3 {font-size: 15px}
.about-img {margin-right: 0}
.event-area.two .event-content ul li {display: block; margin-bottom: 5px}
.slider-area.two .slide-content h2 {line-height: 35px}
.about-content h2 {font-size: 25px; margin-top: 0px}
.about-img{margin-top: 50px}
.blog-sidebar.right{margin-left: 0;}
.content-wrapper {margin-right: 48px}
.content-wrapper.one {margin-right: 0px}
.sticky .mean-container a.meanmenu-reveal {margin-top: -49px; transform: all 0.6s ease 0s}
.notice-area.two .notice-left {padding: 35px 35px 30px}
.event-area.two .event-img {float: inherit; margin-right: 0px}
.event-area.two .event-content {margin-left: 25px}
.event-area.two .event-img img, .event-area.three .event-img img , .course-details-right {width: 100%}
.sticky .content-wrapper {padding: 0; line-height: 0}
.sticky .mean-container a.meanmenu-reveal {margin-top: -44px; transform: all 0.6s ease 0s}
.single-widget a.gap {margin-right: 15px}
.header-area.two .mean-container a.meanmenu-reveal {margin-top: -68px}
.single-tag a:nth-child(3){margin-right: 10px}
.single-tag a{margin-bottom: 10px}
.search {top: 68px;}
.header-top-right::after, .header-top::before {display: none;}
.header-top::after {width: 100%}
.header-top-left p, .header-top-right ul li a {text-align: center; line-height: 24px}
.header-top {padding: 10px 0}
.header-top-right.text-right{text-align: center;}
.slide-content {padding-left: 20px}
.courses-area.two {padding-bottom: 80px}
.notice-left, .notice-right {padding: 45px 40px 70px}
.single-slide {background-position: 50% center}
.event-area.two .event-content h4 a, .event-area.three .event-content h4 a,.course-title h3, .course-content h3, .speaker-name h5 {font-size: 15px}
.footer-area.two .main-footer .col-md-3:last-child {padding-left: 0}
.footer-area.two .footer-bottom .copyright p, .footer-area.two .footer-bottom .footer-social {text-align: center}
.footer-area.two .footer-bottom .footer-social ul {padding-top: 0}
.course-form form button {position: inherit; width: 100%}
.course-details-left {float: inherit; padding-right: 0px; width: 100%}
.event-area.three .event-content {padding: 23px 20px 25px}
.blog-area.event-area.three, .event-details{padding-bottom: 30px}
.blog-sidebar.left{margin-right: 0; margin-bottom: 50px; overflow: hidden}
.event-details-content h2 {font-size: 18px}
.single-speaker {padding-right: 15px}
.teacher-details-content, .skill-area, .skill-bar-item {margin-left: 0px}
.banner-content h2 {font-size: 25px;}
.teacher-details-content ul li {font-size: 13px}
.header-top-left p, .header-top-right ul li a {font-size: 12px}
.event-area.one .single-event .event-content-right{ overflow: hidden}
.event-area.one .single-event .event-content-right a{text-align: center; float: none; margin-top: 10px}
.slider-area {height: 75vh}
.sticky .logo {padding: 15px 0 6px; width: 90%}
.header-area.two.sticky .mean-container a.meanmenu-reveal {margin-top: -41px}
.sticky .search-btn {top: 11px}
.header-area.two.sticky .search {top: 41px}
.one .event-date{float: none; margin-right: 0px; display: inline-block; margin-bottom: 5px}
.event-date h3 {padding: 15px 20px}
.event-content-left {float: none}
.one .event-content.text-left{text-align: center}
.one .single-event {padding-top: 25px}
.notice-area.three{padding-top: 0}
.logo{ width: 100%;}
.blog-details-content h2 {font-size: 18px}
.header-area.two.sticky .logo {width: 90%}
.testimonial-content {padding: 0 30px}
.notice-video {height: 275px}
.footer-area.three .footer-bottom.two p {padding-top: 15px; line-height: 20px}
.footer-area.three .footer-bottom.two .footer-social ul{padding-top: 0px}
.vsc_question ul{
margin-left: 0;
}
.common_vsc h2, .contact_us_intro h4, .contact_act_intro h4, .common_vscs h2, .common_vscss h2, .vsc_issue_contact h6, .vsc_subject h2{
font-size: 20px;
}
.vsc_subject{
padding-bottom: 50px;
}
.vsc_subject h2{
margin: 60px 0 40px 0;
}
.left_subject_moblie ul li, .right_subject_moblie ul li{
border-radius: 10px;
font-size: 16px;
line-height: 40px;
color: black;
}
.feeback_top{
margin-bottom: -30%;
z-index: 3;
}
.organizer_middle a img{
padding-top: 0;
}
.organizer_middles a img{
padding-top: 0;
}
.venue_vsc_may h2{
padding: 60px 0 60px 0;
}
.vsc_local_c{
text-align: center;
}
.vsc_local a{
margin-top: 15px;
margin-bottom: 10px;
font-size: 20px;
padding: 10px 30px;
}
.vsc_local{
background: url(../img/bg/vsc_local_moble.png) no-repeat center;
position: relative;
margin-top: -25%;
}
.top_lefts, .top_rights{
text-align: center;
}
.feeback_top h2{
margin-top: -14%;
}
.reg_right .consult_padding {
margin-top: 6%;
}
.venue_detail{
padding-left: 0;
}
.venue_detail p{
font-size: 14px;
}
#map{
margin-left: 0;
width: 100%;
}
.vsc_local{
margin-top: -60px;
}
.vsc_local_padding{
padding: 60px 0;
}
.vsc_local div{
margin-top: 5px;
}
.guest-right-border{
border: 2px solid gray;
}
.guest-vsdc h2{
font-size: 18px;
}
.guest-vsdc p{
color: black;
font-size: 14px;
}
.guest-right-border h3, .guest_name h2, .guest_company h2 {font-size: 16px;}
.guest-left-border{
padding: 10px 5px;
}
.guest-left-border .guest_moblie_left{
width: 50%;
float: left;
}
.guest-left-border .guest_moblie_right{
width: 50%;
float: left;
margin-top: 20px;
}
.guest-right-border{
width: 92%;
float: left;
}
.img-right_vsc{float: left;}
/*footer*/
.organizer_middless h6, .organizer_middles h6, .organizer_middle h6{padding-bottom: 15px;}
/*.organizer_middless a img{width: 155px;}*/
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.slide-content h3 {font-size: 30px}
.slide-content h2 {font-size: 35px; line-height: 35px}
.event-content-right a{display: block}
.service-area h3, .course-content h3 {font-size: 18px}
.event-area.two .event-content h4 a, .event-area.three .event-content h4 a {font-size: 17px}
.header-area.two .logo {padding: 25px 0 21px}
.search-btn {top: 32px}
.search {top: 64px;}
.header-area.two .mean-container a.meanmenu-reveal {margin-top: -63px}
.one.mobile-menu a.meanmenu-reveal {margin-top: -65px}
.banner-content h2 {font-size: 35px;}
.one.mobile-menu a.meanmenu-reveal {margin-top: -64px}
.sticky .one.mobile-menu a.meanmenu-reveal {margin-top: -50px}
.header-area.two.sticky .mean-container a.meanmenu-reveal {margin-top: -48px}
.header-area.two.sticky .search {top: 48px}
.one .event-date{float: left; margin-right: 20px; margin-bottom: 0}
.event-date h3 {padding: 13.5px 5px}
.event-content-left {float: left}
.event-area.one .single-event .event-content-right a{ float: right; margin-top: 0px}
.one .single-event {padding-top: 0px}
.one .event-content.text-left{text-align: left}
.one .event-date h3 {padding: 17px 5px}
.event-area.two .event-content ul li {display: inline-block;}
.sticky .search-btn {top: 18px}
.slide-content h3 {padding-top: 40px}
.sticky .logo{width: 80%}
.single-widget.instagram {padding-right: 70px}
}