| Current Path : /home2/wtmwscom/public_html/assets/css/ |
| Current File : /home2/wtmwscom/public_html/assets/css/responsive.css |
/* -------------------------------------------------
(min-width: 991px) and (max-width: 1199px)
---------------------------------------------------*/
@media only screen and (min-width: 991px) and (max-width: 1199px) {
.widget_countdown {
padding: 10px;
}
.widget_countdown .countdown_box .countdown {
font-size: 20px;
}
.widget_countdown .countdown_box::before {
font-size: 16px;
top: 3px;
}
.widget_countdown .countdown_time .cd_text {
font-size: 10px;
}
}
/* -------------------------------------------------
(min-width: 767px) and (max-width: 991px)
---------------------------------------------------*/
@media only screen and (min-width: 767px) and (max-width: 991px) {
header .social_icons li a {
width: 25px;
}
}
/* -------------------------------------------------
max-width: 1199px
---------------------------------------------------*/
@media only screen and (max-width: 1199px) {
section,
.top_footer {
padding: 80px 0;
}
section.small_pt,
.top_footer.small_pt {
padding-top: 40px;
}
section.small_pb,
.top_footer.small_pb {
padding-bottom: 40px;
}
.h1, h1 {
font-size: 34px;
}
.h2, h2 {
font-size: 30px;
}
.h3, h3 {
font-size: 26px;
}
.h4, h4 {
font-size: 22px;
}
.h5, h5 {
font-size: 18px;
}
.large_divider {
height: 80px;
}
.medium_divider {
height: 40px;
}
.small_divider {
height: 20px;
}
.medium_padding {
padding: 40px;
}
.page-title h1 {
font-size: 36px;
}
}
@media only screen and (min-width: 992px) {
.heading_s1.text-lg-left::before {
margin: 0;
right: auto;
}
.heading_s1.text-lg-center::before {
margin: 0 auto;
right: 0;
}
.heading_s1.text-lg-right::before {
margin: 0;
right: 0;
left: auto;
}
.heading_s2.text-lg-left::before {
margin: 0;
right: auto;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu {
display: none;
left: 100%;
top: 0;
}
.navbar-expand-lg .navbar-nav li:hover > .dropdown-menu, .overlay_menu .navbar-expand-lg .navbar-nav li:hover > .dropdown-menu.cart_box {
display: block;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu.dropdown-reverse {
left: auto;
right: 100%;
}
.navbar-expand-lg .navbar-nav li:hover > .dropdown-menu.cart_box {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* -------------------------------------------------
max-width: 991px
---------------------------------------------------*/
@media only screen and (max-width: 991px) {
.padding_eight_all {
padding: 5%;
}
#navbarSupportedContent .navbar-nav {
max-height: 80vh;
overflow-y: auto;
}
.header_wrap .navbar {
display: block;
position: static;
}
.header_wrap .navbar-expand-lg .navbar-nav.attr-nav {
display: block;
float: right;
}
.navbar-expand-lg .navbar-nav.attr-nav li {
float: left;
}
.navbar-brand {
padding: 10px 0;
vertical-align: top;
}
.navbar-expand-lg .attr-nav li .nav-link {
padding: 14px 10px !important;
}
.header_wrap .navbar-collapse {
position: absolute;
left: 0;
right: 0;
z-index: 999;
}
.header_wrap.light_skin .navbar-collapse::before {
border-top: 1px solid rgba(255,255,255,0.2);
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
}
.header_wrap.dark_skin .navbar-collapse {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.header_wrap #navbarSupportedContent .navbar-nav {
padding: 10px;
}
.header_wrap #navbarSupportedContent .navbar-nav:not([class*="bg_"]):not([class*="bg-"]) {
background-color: #343a40;
}
.header_wrap.dark_skin #navbarSupportedContent .navbar-nav:not([class*="bg_"]):not([class*="bg-"]) {
background-color: #fff;
}
.navbar-expand-lg .navbar-nav > li > .nav-link, .nav-fixed .navbar-expand-lg .navbar-nav > li > .nav-link, .bottom-header .navbar-expand-lg .navbar-nav > li > .nav-link {
padding: 10px;
}
.dark_skin:not([class*="bg_"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
box-shadow: none;
border: 0;
margin-top: 0;
}
.dark_skin .navbar-nav .dropdown-menu {
box-shadow: none;
border: 0;
margin-top: 0;
}
.navbar-collapse .navbar-nav .dropdown .dropdown-menu {
padding-left: 15px;
}
.dropdown-toggle::after, .dropdown-toggler::after {
float: right;
margin-top: 3px;
}
.navbar-nav li.show .dropdown-toggle::after,
.navbar-nav li .dropdown-menu li.show .dropdown-toggler::after {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dropdown-toggler::after {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.banner_content h2 {
font-size: 40px;
}
.icon_box {
padding: 15px;
}
.icon_box_style2:hover {
margin-top: 15px;
}
.md-height-300 {
height: 300px !important;
}
.testi_desc {
margin-top: 20px;
}
.testimonial_img img {
max-width: 60px;
}
.testi_desc {
margin-top: 20px;
}
.testimonial_style1 .testimonial_img {
margin-left: -40px;
}
.testimonial_style1 .testimonial_box {
padding: 20px 20px 20px 20px;
margin: 5px 5px 5px 20px;
}
.testi_meta {
overflow: visible;
}
.grid_col4 > li {
width: 33.33%;
}
.course_list .content_img {
float: none;
width: 100%;
margin-left: 0;
margin-top: 0;
}
.course_list .content_desc {
overflow: hidden;
max-height: none;
min-height: auto;
}
.testimonial_style2 .testimonial_img {
margin: -60px auto 20px;
}
.testimonial_style2 .testimonial_box {
margin-top: 45px;
padding: 15px;
}
.overlap_section {
border-radius: 0 100px 100px 0;
}
.testimonial_style1 .testimonial_box::before {
right: 20px;
font-size: 100px;
}
}
/* -------------------------------------------------
min-width: 768px
---------------------------------------------------*/
@media only screen and (min-width: 768px) {
.heading_s1.text-md-left::before {
margin: 0;
right: auto;
}
.heading_s1.text-md-center::before {
margin: 0 auto;
right: 0;
}
.heading_s1.text-md-right::before {
margin: 0;
right: 0;
left: auto;
}
}
/* -------------------------------------------------
max-width: 767px
---------------------------------------------------*/
@media only screen and (max-width: 767px) {
.h1, h1 {
font-size: 32px;
}
.h2, h2 {
font-size: 28px;
}
.h3, h3 {
font-size: 24px;
}
.h4, h4 {
font-size: 20px;
}
.heading_s4 .sub_title {
font-size: 70px;
margin-bottom: -30px;
}
section,
.top_footer {
padding: 50px 0;
}
section.small_pt,
.top_footer.small_pt {
padding-top: 25px;
}
section.small_pb,
.top_footer.small_pb {
padding-bottom: 25px;
}
.large_divider {
height: 50px;
}
.medium_divider {
height: 25px;
}
.small_divider {
height: 15px;
}
.medium_padding {
padding: 25px;
}
.padding_eight_all {
padding: 45px 5%;
}
.scrollup {
font-size: 20px;
height: 40px;
line-height: 40px;
right: 10px;
width: 40px;
}
.banner_content h2 {
font-size: 30px;
margin-bottom: 15px;
}
.banner_content p {
margin-bottom: 25px;
}
.overlap_box {
margin: 0;
}
.icon_box,
.content_box,
.team_box,
.blog_post {
margin-top: 15px;
}
.sm-height-300 {
height: 300px !important;
}
.price .alert {
padding: 5px 10px;
}
.teacher span {
font-size: 14px;
}
.box_counter {
margin-top: 20px;
}
[class*="col-"]:nth-child(-n+2) .box_counter {
margin-top: 0;
}
.content_meta li {
padding-right: 10px;
font-size: 14px;
}
.event_date {
max-width: 80px;
}
.page-title h1 {
font-size: 30px;
}
.countent_detail_meta li {
float: none;
padding-right: 0;
margin-right: 0;
border-right: 0;
clear: both;
text-align: center;
margin-bottom: 15px;
}
.instructor img {
float: none;
margin-right: 0;
}
.countent_detail_meta li.enroll_btn {
float: none;
}
.nav-tabs li.nav-item {
margin-right: 10px;
}
.rating_review {
padding: 10px;
}
.review_number {
font-size: 50px;
}
.contact_map iframe {
height: 300px;
}
.map_radius_rtrb {
border-radius: 0 0 10px 10px;
}
.error_txt {
font-size: 140px;
}
.grid_col3 > li,
.grid_col4 > li {
width: 50%;
}
.overlap_section {
border-radius: 0;
margin: 0;
}
.icon_box_style1.icon_box:hover {
-moz-transform: translate3d(0,0px, 0);
-webkit-transform: translate3d(0,0px, 0);
transform: translate3d(0,0px, 0);
}
.res_md_p_0 {
padding: 0;
}
.single_post .post_navigation, .single_post .related_post {
margin: 30px 0;
}
.course_detail {
margin-bottom: 25px;
}
.cta_section p:last-child {
margin-bottom: 15px;
}
}
/* -------------------------------------------------
max-width: 640px
---------------------------------------------------*/
@media only screen and (max-width: 640px) {
.carousel-control-next, .carousel-control-prev {
font-size: 14px;
height: 40px;
top: auto;
width: 40px;
margin: 0 5px;
}
.full_screen, .full_screen .carousel-item {
height: 350px;
}
.banner_content_wrap .carousel-item {
padding: 30px 0;
}
.nav_style1.owl-theme .owl-nav .owl-next {
right: 0;
}
.nav_style1.owl-theme .owl-nav .owl-prev {
left: 0;
}
.overlap_box {
margin-top:50px;
}
.cat_overlap_box {
top: 0;
}
}
/* -------------------------------------------------
max-width: 580px
---------------------------------------------------*/
@media only screen and (max-width: 580px) {
.btn-default,
.btn-black,
.btn-outline-white,
.btn-outline-black,
.btn-outline-default {
padding: 10px 25px;
}
.btn-group-sm > .btn, .btn-sm {
padding: 7px 15px;
}
.btn-group-lg > .btn, .btn-lg {
padding: 15px 40px;
}
.btn-xs {
padding: 4px 15px;
font-size: 12px;
}
.btn-md {
padding: 10px 25px;
font-size: 16px;
}
.btn-lg {
padding: 10px 25px;
font-size: 18px;
}
.btn.btn-xs i {
font-size: 12px;
}
.btn.btn-lg i {
font-size: 24px;
}
}
/* -------------------------------------------------
max-width: 576px
---------------------------------------------------*/
@media only screen and (min-width: 576px) {
.heading_s1.text-sm-left::before {
margin: 0;
right: auto;
}
.heading_s1.text-sm-center::before {
margin: 0 auto;
right: 0;
}
.heading_s1.text-sm-right::before {
margin: 0;
right: 0;
left: auto;
}
}
/* -------------------------------------------------
max-width: 575px
---------------------------------------------------*/
@media only screen and (max-width: 575px) {
.rating_review,
.rating_box {
width: 100%;
}
.breadcrumb {
padding-top: 5px;
}
footer .widget_title {
margin-top: 0;
}
.widget_title {
margin-bottom: 15px;
}
}
/* -------------------------------------------------
max-width: 480px
---------------------------------------------------*/
@media only screen and (max-width: 480px) {
.h1, h1 {
font-size: 24px;
}
.h2, h2 {
font-size: 22px;
}
.h3, h3 {
font-size: 20px;
}
.h4, h4 {
font-size: 18px;
}
.h5, h5 {
font-size: 16px;
}
.h6, h6 {
font-size: 14px;
}
section,
.top_footer {
padding: 30px 0;
}
.overlap_box {
margin-top: 30px;
}
section.small_pt,
.top_footer.small_pt {
padding-top: 15px;
}
section.small_pb,
.top_footer.small_pb {
padding-bottom: 15px;
}
.large_divider {
height: 30px;
}
.medium_divider {
height: 15px;
}
.small_divider {
height: 10px;
}
.medium_padding {
padding: 15px;
}
.padding_ten_all {
padding: 30px;
}
.btn-default, .btn-black, .btn-outline-white, .btn-outline-black, .btn-outline-default {
padding: 10px 22px;
}
.btn-default,
.btn-black,
.btn-outline-white,
.btn-outline-black,
.btn-outline-default {
font-size: 14px;
}
.btn + .btn {
margin-left: 5px;
}
.btn-group-sm > .btn, .btn-sm {
padding: 7px 15px;
}
.btn-group-lg > .btn, .btn-lg {
padding: 15px 40px;
}
.btn-xs {
padding: 4px 15px;
font-size: 12px;
}
.btn-md {
padding: 10px 22px;
font-size: 14px;
}
.btn-lg {
padding: 10px 22px;
font-size: 16px;
}
.btn i {
font-size: 18px;
}
.btn.btn-lg i {
font-size: 22px;
}
.padding_eight_all {
padding: 25px 5%;
}
.navbar-brand {
padding: 17px 0;
}
.navbar-brand img {
max-width: 150px;
}
.banner_content h2 {
font-size: 20px;
margin-bottom: 10px;
}
.banner_content p {
font-size: 16px;
margin-bottom: 20px;
}
.carousel-control-next, .carousel-control-prev {
font-size: 16px;
height: 40px;
width: 40px;
}
.box_counter img {
max-width: 40px;
margin-bottom: 10px;
}
.counter_text {
font-size: 20px;
}
.login_footer a,
.custome-checkbox .form-check-label {
font-size: 14px;
}
.custome-checkbox .form-check-label::before {
height: 18px;
width: 18px;
}
.custome-checkbox input[type="checkbox"] + .form-check-label::after {
top: 4px;
left: 4px;
}
.page-title h1 {
font-size: 22px;
}
.course_title h2, .event_title h2 {
font-size: 18px;
}
.nav-tabs li.nav-item {
margin-right: 0;
}
.nav-tabs li.nav-item a {
padding: 10px;
}
.course_author {
padding: 20px 20px 20px 20px;
margin: 5px 5px 5px 20px;
}
.author_img {
margin-left: -40px;
}
.author_img img {
max-width: 60px;
}
.user_img img {
max-width: 60px;
}
.author_meta {
overflow: visible;
}
.author_desc {
margin-top: 15px;
width: 100%;
display: inline-block;
}
.rating_box {
padding: 10px;
}
.item_name, .course_item_meta {
font-size: 14px;
}
.course_item .course_item_meta .duration {
margin-bottom: 5px;
}
.accordion .card-header a {
padding: 15px 15px 15px 40px;
font-size: 14px;
}
.accordion .card-header a::after {
left: 15px;
top: 16px;
}
.course_tabs .accordion .card-header a {
padding: 15px 100px 15px 40px;
}
.item_meta.duration {
right: 15px;
font-size: 12px;
top: 14px;
}
.review_number {
font-size: 40px;
}
.countdown_box .countdown,
.countdown_box::before {
font-size: 30px;
}
.countdown_time .cd_text {
font-size: 14px;
}
.share h5 {
margin-top: 10px;
}
blockquote::before {
left: 15px;
top: 14px;
}
blockquote {
padding: 15px 15px 15px 55px;
}
.post_navigation span {
font-size: 14px;
}
.error_txt {
font-size: 100px;
}
.grid_filter li {
margin: 5px 3px;
width: 47%;
}
.grid_col3 > li,
.grid_col4 > li {
width: 100%;
}
.fancy_box::before,
.fancy_box::after {
content: normal;
}
.single_post .post_navigation, .single_post .related_post {
margin: 20px 0;
}
.course_detail {
margin-bottom: 15px;
}
.single_post .comment_list {
margin-bottom: 20px;
}
}
/* -------------------------------------------------
max-width: 380px
---------------------------------------------------*/
@media only screen and (max-width: 380px) {
.light_skin .header_list li a {
font-size: 14px;
}
.navbar-expand-lg .navbar-nav.attr-nav li {
position: static;
}
.border_list::before {
content: normal;
}
.btn-login li a {
padding: 7px 15px;
}
.course_tabs .nav-tabs li.nav-item a {
font-size: 13px;
padding: 7px
}
.countdown_box .countdown {
font-size: 20px;
}
.countdown_box::before {
font-size: 22px;
}
.countdown_time .cd_text {
font-size: 12px;
}
.comment_content .comment-reply {
padding: 5px 10px;
}
.user_img img {
max-width: 40px;
}
.comment_info.reply {
padding-left: 20px;
}
.content_title {
font-size: 16px;
}
.event_list .content_desc p {
font-size: 14px;
}
}