File: /home/imensosw/www/imenso.co/demo/mcm/css/responsive.css
@media only screen and (min-width: 1200px) {
.container {
width: 1000px !important;
}
}
/* Mobile Phone Resolution CSS rules for browser widths equal to or less than 480px */
@media only screen and (max-width: 480px) {
.rsp_mt30{
margin-top: 30px;
}
.rsp_mt20{
margin-top: 20px;
}
.container-fluid {
width: 100%
}
.fotr_signup{
width: 100%;
text-align: center;
}
.pad_lft_0{
padding-left: 15px !important;
}
.location-item p{
font-size: 18px;
}
}
@media only screen and (max-width: 991px) {
/*.location-item h3{
margin-top: 20px;
}*/
.sub-nav {
border-bottom: inherit;
}
.res_nav.no-nav {
background: #fff none repeat scroll 0 0;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
z-index: 99999;
border-top: 1px solid #ddd;
}
.res_nav.no-nav a {
font-size: 17px !important;
height: 50px;
line-height: 50px !important;
margin: 11px 0 !important;
width: 92% !important;
}
.sub-nav ul li {
display: none;
}
.navbar-toggle .icon-bar {
height: 3px;
width: 30px;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.quote-border-left {
width:37%;
}
.quote-border-right {
width:37%;
}
.foter_form{
width: 100%;
}
#whatwedo i{
margin-left: 0 !important;
}
.footer-sm .pull-right{
display: flex;
justify-content: space-between;
width: 100%;
margin: 5px 0;
}
.footer-sm .pull-right a{
margin-left: 0 !important;
}
#footer form input{
border-radius: 7px !important;
}
.location-item h3{
font-size: 17px;
margin-bottom: 0!important;
}
#learnings h3{
font-size: 16px;
margin-bottom: 10px !important;
}
#learnings h4{
font-size: 14px;
margin-bottom: 0 !important;
}
.course-title{
font-size: 16px;
}
.course-text{
font-size: 18px;
}
/*============================== instructar ==============================*/
/*========================= about==================================*/
.quote-heading i{
font-size: 2em;
}
#team_responsive .slide_control .left,#team_responsive .slide_control .right {
top: 31%;
}
#team_responsive .slide_control .right {
right: 0;
}
#team_responsive .slide_control .left{
left: 0;
}
#team_responsive .carousel-indicators{
bottom: -7px;
}
#whatwedo i{
font-size: 20px;
}
.quote-border-right{
right: 10px;
}
.quote-border-left{
left: 10px;
}
.quote-heading {
width: 100%;
}
/*===========================home page=========================== */
#footer .input-group-btn{
margin-left: 23px;
}
.footer-sm p {
margin-top: 1em;
}
#learnings i{
height: 35px;
width: 35px;
line-height: 35px;
margin-top: 7px;
font-size: 16px;
}
.footer_text {
margin-top: 0;
}
h1{
text-align: center;
font-size: 23px;
line-height: 34px;
}
#hero p {
font-size: 20px;
line-height: 23px;
text-align: center;
}
.btn-l {
width: 289px !important;
font-size: 17px !important;
padding:0 40px !important;
}
#footer .input-group-btn {
margin-left: 0px;
}
.input-group-btn .btn-l {
margin-left: 0;
padding: 0 35px !important;
margin: 20px 0!important;
}
.line-heading h3{
padding: 0 9px;
font-size: 17px ;
letter-spacing: 3px;
}
.line-heading::before {
left: 8px;
right: 8px;
top: 12px;
}
.why-item p{
font-size: 16px;
}
.why-item h3{
font-size: 17px;
}
h2 {
font-size: 19px;
line-height: 30px;
}
h3 {
font-size: 17px;
line-height: 24px;
}
}
/* mobile Resolution CSS rules for browser widths from 320px to 767 px*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
.price-course-item h3{
color: #5FB328;
}
.price_item .item{
text-align: left;
}
.price_item {
display: flex;
flex-direction: column;
padding:15px 0;
}
.rsp_tabl_inr {
border: 2px solid #eee;
border-radius: 6px;
margin: 15px;
padding-top: 15px;
}
.table_hed_rsp{
text-align: center;
}
.featur_table{
display: flex;
flex-direction: column;
}
.footer-sm {
align-items: center;
display: flex;
flex-direction: column-reverse;
margin-top: 0;
}
.footer-sm .pull-left{
padding-bottom: 5.5em;
}
.paymnt_detail{
font-size: 16px !important;
}
.ur_detail_text{
margin-top: 93px;
padding: 0 !important;
text-align: center;
}
.link {
color: #5aa1e3;
display: inline-block;
font-family: poppins;
font-size: 18px;
margin-top: 20px;
}
.link i {
margin-right: 6px;
}
.review-header p span {
line-height: 30px;
margin-bottom: 5px;
}
.review_flex{
justify-content: space-between;
}
.review-header p{
font-size: 13px;
}
.location-item .adrs{
font-weight: bold;
}
.divider_review::after {
top: 14px;
width: 208px;
z-index: -1;
}
.work_sec p{
margin: 0 !important;
}
.rsp_work_sec img{
margin: 50px 0;
}
.rsp_work_sec{
display: flex;
flex-direction: column-reverse;
}
.pillers_cur{
padding-top: 12px;
}
.rsp_fotr_m0{
margin-bottom: -40px.btn !important;
}
.Curriculum > h4 {
border-top: 1px solid #ddd;
padding-top: 10px;
}
#joinus h4 {
border-bottom: 1px solid #ddd;
font-size: 20px;
margin-top: 0;
padding-bottom: 0.8em;
text-align: left;
}
.link-ul {
color: #5aa1e3;
display: inline-block;
text-decoration: underline;
border: none !important;
}
.book_modal{
display: none;
}
.book_modal.book_modal_fixed {
background: #fff none repeat scroll 0 0;
bottom: 0;
height: 100%;
left: 0;
overflow-y: auto;
padding: 0 !important;
position: fixed;
right: 0;
width: 100%;
z-index: 9999;
display: block;
-webkit-overflow-scrolling: touch;
}
.form_cont_icons {
display: flex;
justify-content: space-around;
}
.cal-pad {
padding: 17px 27px 15px;
}
.modal_headr {
background: #efefef none repeat scroll 0 0;
padding: 6px 15px;
}
.modal_headr button {
font-size: 46px;
}
.modal_headr > h4 {
color: #666;
font-family: "Poppins",sans-serif;
font-size: 19px;
}
.prev_class_left, .next_class_right{
top:32%;
}
.book_modal_fixed .course-item{
border-radius:0 !important;
margin-bottom: 0px!important;
}
.faq_ques_item.mt5 {
margin-top: 30px;
}
.faq_ques_item > p {
font-size: 18px;
line-height: 1.3;
}
.nav.navbar-nav.navbar-right li:last-child {
margin-bottom: 4em;
}
.fotr_social_div{
padding: 0 8px;
}
.last_question{
border: medium none!important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.question-box {
border-radius: 0;
min-height: 200px;
width: 100%;
}
.faq_question > h3{
margin-bottom: 10px;
}
.faq_question {
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
padding-bottom: 20px;
}
.faq_question > p{
font-size: 18px;
}
.client_test {
margin-top: 15px;
}
.acordian_wrp h4 {
font-size: 17px;
line-height: 30px;
margin: 10px 0 6px;
}
.acordian_wrp .panel {
border-bottom: 2px solid #f2f2f2;
box-shadow: none;
margin-bottom: 0 !important;
}
.acordian_wrp {
margin: 0 15px 50px;
}
.work_sec p{
margin-top: 0!important;
}
#hero{
min-height: 447px;
}
.vedio_box {
margin: 40px auto 20px;
width: 83%;
}
.vedio_box {
width: 83%;
margin: 20px auto;
}
#courses h2{
font-size: 20px;
}
.team-group-item {
padding: 25px;
}
.team-group p ,.team-group h3{
font-size: 19px;
}
.team-group{
border-radius:0px !important;
}
.view_course_item {
height: 180px;
width: 85%;
}
.view_course_item > h3 {
font-size: 18px;
margin-bottom: 0;
}
.view_course_item > p{
font-size:20px !important;
}
#progressbar {
margin-top: 70px;
}
.btn-back {
top: 24%;
}
#hero p, #hero h1 {
padding: 0 10px;
}
.rsp_ped0{
padding:0 !important;
}
.rsp_mb15{
margin-bottom: 15px !important;
}
#courses {
padding-bottom: 40px;
}
#learnings .pillers p, .pillers_cur p, #whatwedo .pillers p,
#whoweare .pillers p{
padding: 0 15px;
}
.assembly-grid {
display: flex;
flex-direction: column;
}
.grid2,.grid1 {
margin-bottom: 20px;
width: 100%;
}
.rsp_mb50{
margin-bottom: 50px !important;
}
.rsp_pt_0{
padding-top: 0px !important;
}
.rsp_pb_0{
padding-bottom: 0px !important;
}
.rsp_txt_cntr{
text-align: center;
}
.pad_lft_0{
padding-left: 15px !important;
}
.rsp_p0{
padding: 0!important;
}
.pad_rht_0{
padding-right: 15px !important;
}
.rsp_mt20{
margin-top: 20px;
}
.mar_0rsp {
margin: 0 !important;
}
/*===========================pricing=========================== */
.price-box-full .course-item {
margin-bottom: 0;
}
.price-box-full {
margin-bottom:30px;
}
/*===========================instructot=========================== */
.mar_0rsp {
margin: 0 !important;
}
.team-group img {
width: 100%;
}
.rsp_view {
align-items: center;
display: flex;
justify-content: center;
margin-top: 50px;
text-align: center;
}
/*===========================home page=========================== */
.marg_t15{
margin-top: 15px;
}
.acordian_fotr h3 {
cursor: pointer;
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 6px;
margin-bottom: 0 !important;
padding: 0.7em 0.6em;
}
.acordian_fotr .collapsed::after {
color: #333;
content: "+"!important;
font-size: 25px;
font-weight: 300;
position: absolute;
right: 30px;
top: 11px;
}
.acordian_fotr ul{
background: #fff none repeat scroll 0 0;
padding: 0.5em 0.7em;
font-size: 18px;
}
.acordian_fotr .panel-title.expand:after{
color: #333;
content: "-";
font-size: 25px;
font-weight: 300;
position: absolute;
right: 30px;
top: 11px;
}
.why-item {
min-height: 180px;
}
.rsp_mar_b30{
margin-bottom: 30px;
}
.burger-t{
padding-top: 50px;
}
.pillers i {
align-items: center;
display: flex;
font-size: 32px;
height: 65px;
justify-content: center;
width: 65px;
}
.sub-nav ul .no-nav {
display: flex;
float: none !important;
justify-content: center;
margin-right: 0px
}
.event-img{
height: 175px;
}
.slide_control a.left{
left: 14px;
}
.slide_control a.right{
right: 14px;
}
.responsive_slidr_test figure {
align-items: center;
display: flex;
flex-direction: column;
}
.responsive_slidr_test figure img{
border-radius: 50%;
width: 100px;
}
.responsive_slidr_test .t_name {
font-size: 18px;
color: #888;
}
.responsive_slidr_test .media-heading{
font-size: 20px;
margin-top: 10px;
}
.responsive_slidr_test .media-body p {
font-size: 18px;
}
.responsive_slidr_test .carousel-indicators{
bottom: -50px
}
.responsive_slidr_test {
margin-bottom: 1.5em;
}
.responsive_slidr_test .carousel-indicators li {
background: #f3f3f3 none repeat scroll 0 0;
margin-left: 6px;
}
.responsive_slidr_test .carousel-indicators li.active{
background: #ddd;
height: 10px;
width: 10px;
}
.responsive_slidr_test .rating {
margin: 10px 0;
}
.star_icon_sec h3 {
font-size: 17px;
line-height: 20px;
padding: 0 0 6px;
}
.star_icon_sec p{
font-size: 18px !important;
}
.btn-l {
margin: 0 !important;
width: 100% !important;
}
.sticky-nav .btn-l {
margin-top: 5px;
}
.mtxt_left {
text-align: left;
}
.burger {
padding: 35px 0;
}
.course-item {
margin-bottom: 30px;
}
.pad-t-75 {
padding: 35px 0;
}
.mrgn_btm_m {
margin-bottom: 25px;
}
.course-item_indi {
width: 100%;
}
.teaching_sec figure img {
width: 100%;
}
.teaching_sec .team_box {
min-height: 250px;
height: inherit;
}
.mt10 {
margin-top: 40px;
}
.carousel-control.right {
right: 0px;
}
}
/* Tablet Resolution CSS rules for browser widths from 481px to 768 px*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
/*===========================about=========================== */
/*===========================home page=========================== */
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
.foter_form{
width: 100%;
}
.fotr_signup button{
width: auto !important;
}
.input-group-btn.fotr_signup{
margin-left: -16% !important;
width: 25%;
}
#footer form input{
width: 75%;
}
.btn-l {
width: 94% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.btn-l {
width: 50% !important;
}
/*===========================home page=========================== */
.input-group-btn .btn-l {
font-size: 16px !important;
margin-left: -62px;
padding: 0 18px !important;
}
.rsp_mar_b30{
margin-bottom: 30px;
}
.slide_cntrl_arrow .left {
left: 40%;
top: 85%;
}
.slide_cntrl_arrow .right {
right: 40%;
top: 85%;
}
#learnings .media{
min-height: 120px;
}
#testimonials{
min-height: 293px;
}
.star_icon_sec .row {
align-items: center;
display: flex;
flex-direction: column;
margin-bottom: 2em;
}
.course-item{
min-height: 343px;
}
h1{
font-size: 40px;
}
h2{
font-size: 32px;
}
.burger-t{
padding-top: 70px;
}
.pad-t-75{
}
.course-price{
font-size: 29px;
}
}
/*Navbar Toggle width changed*/
@media (max-width: 1330px) {
.drop_down_btn:hover::after {
color: #5aa1e3;
}
.drop_down_btn::after {
color: #fff;
content: "+";
font-size: 30px;
position: absolute;
right: 9px;
top: -5px;
}
.minus_active::after{
content: "-" !important;
color: #5aa1e3;
}
.drop_down_btn {
background: transparent none repeat scroll 0 0;
cursor: auto;
height: 100%;
position: absolute;
right: 10px;
top: 0;
width: 28px;
z-index: 99999;
cursor: pointer;
}
.navbar-default {
z-index: 9999;
}
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav>li {
float: none;
}
.collapse.in{
display:block !important;
}
.navbar-collapse {
max-height: 600px;
}
.navbar-nav.navbar-right:last-child {
margin-bottom: 10px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color:transparent;
}
.navbar-toggle {
border: none;
background: transparent !important;
}
.navbar-toggle:hover {
background: transparent !important;
}
.navbar-toggle .icon-bar {
width: 37px;
transition: all 0.2s;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 7px;
}
.navbar-toggle {
margin-bottom: 12px;
margin-top: 13px;
}
.navbar-brand {
overflow: hidden;
width: 7rem;
}
.navbar-brand img {
max-width: 200px !important;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
opacity: 0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0);
}
.togg_menu {
color: #fff;
float: left;
font-family: "Poppins",sans-serif;
font-size: 18px;
font-weight: bold;
margin-left: -65px;
margin-top: -1px;
}
.dropdown-menu.show::before{
content:none;
}
.dropdown-menu.show li:last-child {
margin: 0 !important;
}
.dropdown-menu.show {
background: #222 none repeat scroll 0 0;
border-bottom: 1px solid #e5e5e5;
border-radius: 0 !important;
margin-bottom: 9px;
margin-left: -5%;
padding: 0;
position: relative;
width: 103% !important;
}
.dropdown{
margin-right: 0!important;
}
.navbar-default .navbar-nav > li:last-child > a:hover{
color: #fff;
}
.navbar-default .navbar-nav > li:last-child > a::after,
.navbar-default .navbar-nav > li:nth-child(10) > a::after{
content: none;
}
.navbar-default .navbar-nav > li > a::after,
.navbar-default .navbar-nav > li > a:hover::after,
.navbar-default .navbar-nav > li > .active::after {
background: rgba(255, 255, 255, 0.7) ;
border-radius: 20px;
bottom: 0px;
content: "";
height: 1px;
left: -5px;
position: absolute;
width: 104%;
}
.navbar-default .navbar-nav > li > a:hover, .dropdown-menu.show li a:hover{
color: #5aa1e3 ;
}
.navbar-default .navbar-nav > li > a,.dropdown-menu.show a {
font-size: 14px;
padding: 11px 8px;
transition: color ease .3s;
color: #fff;
}
.dropdown-menu.show a {
padding: 11px 25px;
}
.dropdown-menu .divider{
margin: 0;
}
.navbar-nav {
margin-top: 0 !important;
}
.nav .dropdown::after {
content: none;
}
.sub-nav.is-fixed{
position: absolute;
}
}
@media only screen and (min-width: 1330px){
ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
}
}
@media only screen and (min-width: 1331px){
.drop_down_btn {
display: none;
}
}