/*
Copyright (c) 2016 Functionthemes. 
------------------------------------------------------------------
[Master responsive Stylesheet]

Template Name: Micky mobile app showcase template
Version: 1.0.1
Author: Functionthemes

-------------------------------------------------------------------*/

@media (max-width: 1200px) {
    .micky_blog_comment ol.comment li .micky_comment_data {
        float: left;
        width: 84%;
    }
}

@media (min-width: 992px) {
    .mk_top_navigations {
        display: block !important;
    }
    .mk_top_navigations.side_navigation_second {
        position: fixed;
        float: left;
        width: 150px;
        transform: translateY(50%);
        top: 50px;
    }
    .header_middle_second .header_left_area {
        padding-top: 80px;
    }
    .pull_right_img.second {
        padding-top: 100px;
    }
    .mk_top_navigations ul.menu li:hover > ul.sub-menu {
        display: block;
    }
    .mk_top_navigations > ul > li > ul {
        -webkit-transition: all 300ms cubic-bezier(0.640, 0.000, 0.480, 0.990);
        -moz-transition: all 300ms cubic-bezier(0.640, 0.000, 0.480, 0.990);
        -o-transition: all 300ms cubic-bezier(0.640, 0.000, 0.480, 0.990);
        transition: all 300ms cubic-bezier(0.640, 0.000, 0.480, 0.990);
        /* custom */
        
        -webkit-transition-timing-function: cubic-bezier(0.640, 0.000, 0.480, 0.990);
        -moz-transition-timing-function: cubic-bezier(0.640, 0.000, 0.480, 0.990);
        -o-transition-timing-function: cubic-bezier(0.640, 0.000, 0.480, 0.990);
        transition-timing-function: cubic-bezier(0.640, 0.000, 0.480, 0.990);
        /* custom */
    }
}
@media (min-width: 768px){
	.navbar_toogle {
		display: block;
	}
}
@media (min-width: 992px){
	.navbar_toogle {
		display: none;
	}
}
@media (max-width: 1540px) {
    .pull_right_img.second img.bigimg {
        max-width: 140%;
    }
}
@media (max-width: 1380px) {
    .header_left_area h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .header_middle_second .header_left_area {
        width: 65%;
    }
}
@media (max-width: 991px) {
    .mk_top_navigations {
        display: none;
        position: absolute;
        width: calc(100% - 30px) !important;
        background-color: #212121;
        top: 44px;
        z-index: 99;
        left: 15px;
    }
    .mk_top_navigations > ul {
        float: left !important;
        width: 100% !important;
    }

    .mk_top_navigations > ul > li > ul {
        position: relative !important;
        float: left;
        width: 100%;
        min-width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: none !important;
        text-align: left;
        display: none;
        top: 0;
        left: 0;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        box-shadow: none !important;
    }
	.mk_top_navigations > ul > li > ul > li > ul:before{
		display:none;
	}
    .mk_top_navigations > ul > li:focus > ul,
    .mk_top_navigations > ul > li:hover > ul {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        top: 0;
        left: 0;
    }
    .mk_top_navigations > ul > li {
        margin-left: 0px !important;
    }
    .mk_top_navigations > ul > li > a:hover,
    .mk_top_navigations > ul > li.current_page_item  > a, .mk_top_navigations > ul > li.current_page_item  > a {
        border-bottom-color: transparent !important;
    }
    .mk_top_navigations ul li ul li a {
        text-align: left;
    }
    .mk_top_navigations > ul > li > ul:before {
        display: none;
    }
    .mk_top_navigations ul.menu li {
        display: block;
        padding: 10px 0px 10px 15px;
        border-bottom: 1px solid;
        width: 100%;
    }
    .mk_top_navigations ul.menu li a {
        padding-right: 0px;
        float: left;
        width: 100%;
        padding-bottom: 0;
    }
    .mk_top_navigations ul.menu li a img {
        width: 15px;
        height: auto;
    }
    ul.menu li.active_menu a {
        border-bottom: none !important;
    }
    .mk_top_navigations ul.menu li a:after {
        display: none;
    }
    ul.sub-menu li {
        padding-left: 0px !important;
    }
    ul.sub-menu li a {
        font-size: 13px !important;
    }
    ul.sub-menu li:last-child {
        border-bottom: none;
        !important;
    }
    .side_navigation .mk_top_navigations ul.menu li {
        padding-bottom: 10px;
    }
    .mk_top_navigations.side_navigation_second {
        top: 10px;
        left: 0;
    }
	
	/* level 3 menu responsvie */
	.mk_top_navigations > ul > li > ul > li > ul{
	padding:0 0 0 10px !important;
	position: relative !important;
	float: left;
	width: 100%;
	min-width: 100% !important;
	opacity: 1 !important;
	visibility: visible !important;
	background-color: transparent !important;
	border: none !important;
	text-align: left;
	display: none;
	top: 0 !important;
	left: 0 !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
	box-shadow: none !important;
	transition:none !important;
	-webkit-transition:none !important;
	-moz-transition:none !important;
	}
	.mk_top_navigations > ul > li:last-child ul li ul:before, .mk_top_navigations > ul > li:nth-child(5) ul li ul:before{
		display:none;
	}
	.mk_top_navigations > ul > li > ul > li:hover ul{
		opacity: 1;
		visibility: visible;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
		top: 0;
		left: 0;
	}
	.mk_top_navigations > ul > li > ul > li > ul > li > a{
		text-align:left !important;
	}
	
	/* level 3 menu responsvie */
	/* level 4 menu responsvie */
	.mk_top_navigations > ul > li > ul > li > ul > li > ul{
	padding:0 0 0 10px !important;
	position: relative !important;
	float: left;
	width: 100%;
	min-width: 100% !important;
	opacity: 1 !important;
	visibility: visible !important;
	background-color: transparent !important;
	border: none !important;
	text-align: left;
	display: none;
	top: 0 !important;
	left: 0 !important;
	right:auto !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
	box-shadow: none !important;
	transition:none !important;
	-webkit-transition:none !important;
	-moz-transition:none !important;
	}
	.mk_top_navigations > ul > li > ul > li > ul > li:hover ul{
		opacity: 1;
		visibility: visible;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
		top: 0;
		left: 0;
	}
	.mk_top_navigations > ul > li > ul > li > ul > li > ul > li > a {
		text-align:left !important;
	}
	/* level 4 menu responsvie */
	
    .slider_navigation {
        float: left;
        width: 100%;
    }
    .header_top_main .mk_top_navigations ul.menu > li > a {
        color: #fff !important;
    }
    .side_navigation_second ul.menu li a {
        color: #fff;
    }
    .blog_desc {
        /* 	margin-bottom: 30px; */
    }
}
@media(min-width:992px) and (max-width:1200px) {
    .caret_down {
        right: 8px;
    }
	.mk_top_navigations > ul > li {
		padding: 15px 10px !important;
	}
    .mk_top_navigations ul.menu li a {
        font-size: 13px;
    }
    .get_in_touch ul li a {
        font-size: 22px;
    }
    .main_wrapper_cover.mikky_home2 .header_main_cover,
    .main_wrapper_cover.mikky_home1 .header_main_cover {
        overflow-y: auto;
        overflow-x: hidden;
    }
}
@media(max-width:320px) {
    .header_left_area h1 {
        font-size: 30px;
    }
    .sidebar_button a.btn_orange {
        font-size: 18px;
    }
    .slider_navigation {
        padding-top: 15px;
    }
    .service_details_list ul li {
        font-size: 11px;
    }
    .service_details_list ul li i {
        font-size: 15px;
        margin-right: 0px;
    }
    .heading_cover h3 {
        font-size: 17px;
    }
    .blog_inner_heading {
        bottom: 14px;
    }
    .blog_inner_heading h5 {
        font-size: 13px;
    }
    .blog_inner_heading h3 {
        margin-top: 14px;
    }
    .get_in_touch ul li a {
        font-size: 14px;
    }
	.widget-area .widget ul {
    padding-left: 10px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
    .side_navigation {
        padding-left: 0;
    }
}
@media(min-width:768px) and (max-width:1200px) {
    .two_color_heading, .two_color_heading span {
        font-size: 50px !important;
    }
}
@media(max-width:767px) {
    .brand_icons.right a {
        display: block;
        width: 100%;
        text-align: right;
    }
    .brand_icons.right a img {
        margin-left: 0;
    }
    .brand_icons.right img {
        margin-top: 10px;
    }
}
@media (min-width: 321px) and (max-width: 480px) {
    .two_color_heading,
    .two_color_heading span {
        font-size: 18px !important;
    }
}
@media (max-width: 520px) {
    .dropdown.pull_right {
        float: left;
        margin: 8px 0px;
    }
    .pull_right.sorting {
        margin-top: 0px;
        float: left;
    }
    .pull_right.sorting .filter-option {
        left: 0 !important;
    }
    .comment_section .comment_layer .pull_left,
    .comment_share_bar .pull_left.icons {
        width: 100%;
    }
    .pull_right.sorting .caret {
        right: inherit !important;
        margin-left: 5px;
    }
}
@media (max-width: 540px) {
    .bottom_subscribe .pull_right {
        width: 100%;
        text-align: center;
    }
    .bottom_subscribe .pull_left.icons {
        text-align: center;
        width: 100%;
    }
    .bottom_subscribe .icons span {
        display: inline-block;
    }
}
@media (max-width: 480px) {
    .parallax_slider h1 {
        font-size: 20px !important;
    }
    .testimonial_details h3 {
        font-size: 18px;
    }
    .button_middle .btn_orange {
        font-size: 16px;
        padding: 18px 0px;
    }
	.mk_top_navigations > ul > li > ul > li > a {
		white-space: initial !important;
		font-size: 12px !important;
	}
}
@media(max-width:360px) {
    .testimonial_details h3 {
        font-size: 14px;
    }
    .testimonial_thumb h3 {
        font-size: 20px;
    }
    .testimonial_thumb svg {
        width: 100px;
        height: 80px;
    }
    .main_center_wrap p {
        font-size: 14px;
    }
    .main_center_wrap h3 {
        font-size: 20px;
    }
}
@media(max-width:240px) {
    .testimonial_details h3 {
        font-size: 11px;
    }
    .mk_top_navigations ul li ul li a {
        font-size: 9px !important;
    }
    /* blog css start*/
    
    .blog_desc h3 {
        margin-top: 0;
        color: #252525;
        line-height: 25PX;
        font-size: 17px;
    }
    .blog_desc .blog_title h5 {
        font-size: 11px;
        width: 100%;
    }
    /* blog css end*/
	.wrapper_main h2,  .wrapper_main .h2 {
		font-size: 23px;
	}
	table tr th, table tr td{
		padding:3px !important;
	}
	.page.type-page ol, .page.type-page ul, .post.type-post ol, .post.type-post ul {
    padding-left: 10px !important;
}
	.micky_blog_comment ol.comment li .micky_comment_data {
		width: 100% !important;
	}
	.mk_top_navigations > ul > li > a {
		font-size: 12px !important;
	}
}
@media (max-width: 376px) {
    .navigaton_right {
        margin-top: -18px;
    }
}
@media (max-width: 767px) {
    .breadcum_inner h3 {
        font-size: 18px;
    }
    .footer_copyright {
        float: left;
        width: 100%;
        margin-top: 17px !important;
    }
    .footer_logo,
    .social_icons.footer_social {
        float: left;
        width: 100%;
        text-align: center;
    }
    .testimonial_thumb {
        width: 100%;
    }
    .testimonial_details {
        text-align: center;
    }
	.mk_top_navigations {
		max-height: 276px;
		overflow-Y: scroll;
		overflow-X: hidden;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
    .desc_bottom p {
        padding: 25px 0px 0px 0px;
    }
    .desc_bottom h4 {
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    .team_social {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .left_thumb.team_image {
        padding-bottom: 25px;
    }
    .testimonial_details {
        padding-left: 0px;
    }
    .micky_sidebar_area {
        margin-top: 50px;
    }
}
@media (max-width: 767px) {
    .blog_post_wrapper .blog_thumbnail img {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .blog_post_wrapper_main {
        margin-bottom: 30px;
    }
}
@media(min-width:992px) and (max-width:1200px) {
    .message_section .comment_textarea {
        margin-left: 14px;
        width: 90%;
    }
}
.app_crousel_main .owl-item .item {
    text-align: center;
}
@media (min-width: 768px) {
    .contact_detail_panel .bottom_details {
        display: block !important;
    }
}
@media (max-width: 480px) {
    .contact_detail_panel .left_heading_cover h3 {
        font-size: 16px;
    }
    .contact_detail_panel .left_heading_cover span.digit_text {
        font-size: 45px;
    }
    .bottom_details h3 {
        font-size: 15px;
    }
    .bottom_details p {
        font-size: 12px;
    }
}
@media (max-width: 600px) {
    .get_in_touch ul li {
        text-align: center;
        word-wrap: break-word;
    }
    .get_in_touch ul li a {
        font-size: 16px;
        line-height: inherit;
    }
    .get_in_touch ul li .number_right {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .contact_detail_panel .bottom_details {
        display: none;
    }
    .heading_toggle {
        cursor: pointer;
    }
    .digit_number span:after,
    .digit_number span:before {
        left: 22px;
    }
    .digit_number span:before {
        width: 90px;
    }
    .digit_number span {
        font-size: 66px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (max-width: 767px) {
    .contact_detail_panel .left_heading_cover:after {
        position: absolute;
        content: "click me";
        display: block;
        top: -30px;
        color: #fff;
        left: 0;
        right: 0;
        background: #72cbdd;
        padding: 5px 0px;
        text-transform: capitalize;
        opacity: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        transition: all ease-in-out 0.4s;
        -webkit-transition: all ease-in-out 0.4s;
        -moz-transition: all ease-in-out 0.4s;
    }
    .contact_detail_panel .left_heading_cover:hover:after {
        opacity: 1;
        transition: all ease-in-out 0.4s;
        -webkit-transition: all ease-in-out 0.4s;
        -moz-transition: all ease-in-out 0.4s;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
@media(max-width:991px) {
    .side_navigation_second .close_button {
        display: block;
    }
    .pull_right_img {
        position: relative;
        right: 0;
        width: 100%;
        float: left;
        text-align: center;
    }
    .header_right_img {
        padding-top: 50px;
        margin-top: 30px;
    }
    .main_wrapper_cover.mikky_home2 .header_main_cover,
    .main_wrapper_cover.mikky_home1 .header_main_cover {
        position: relative;
    }
    .header_left_area {
        width: 100%;
    }
    .pull_right_img .header_right_img img.bigimg {
        max-width: 100%;
    }
    .header_left_area h1 {
        padding-right: 0 !important;
    }
    .header_middle_second .header_left_area {
        width: 100% !important;
    }
    .slider_section_first {
        width: 100%;
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .pull_right_img.second img {
        margin-left: 55px;
        margin-top: 29px;
    }
    .pull_right_img.second img.shortImg {
        left: 0 !important;
        top: 0 !important;
    }
}
@media (max-width: 480px) {
    .header_right_img img.shortImg {
        left: 10px !important;
        top: 40px !important;
        max-width: 140px;
    }
    .thumbnail_inner .shortImg {
        left: 0;
        top: 12%;
        z-index: 100 !important;
    }
}
@media(min-width:992px) {
    .mk_top_navigations .caret_down {
        display: none;
    }
    .header_top_main.fixed_menu {
        position: fixed;
        z-index: 9999;
        perspective: 400px;
        padding: 20px 0px 12px;
        animation: fixed_menu_animation .5s;
        -webkit-animation: fixed_menu_animation .5s;
        -moz-animation: fixed_menu_animation .5s;
        -ms-animation: fixed_menu_animation .5s;
        -o-animation: fixed_menu_animation .5s;
        background: #fff !important;
        box-shadow: 0 1px 7px;
        -webkit-box-shadow: 0 1px 7px;
        -moz-box-shadow: 0 1px 7px;
    }
    .fixed_menu .mk_logo img {
        transform: scale3d(0.8, 0.8, 1);
        -webkit-transform: scale3d(0.8, 0.8, 1);
        -moz-transform: scale3d(0.8, 0.8, 1);
        -ms-transform: scale3d(0.8, 0.8, 1);
        -o-transform: scale3d(0.8, 0.8, 1);
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }
    .side_navigation .mk_top_navigations.home_navigation ul li:first-child {
        margin-bottom: 33px;
    }
    .side_navigation .mk_top_navigations.home_navigation ul li:last-child {
        margin-bottom: 5px;
    }
    .side_navigation ul.menu li ul.sub-menu {
        top: 0;
        left: 50%;
        transform: translate(0%, 0px);
        -webkit-transform: translate(0%, 0px);
        -moz-transform: translate(0%, 0px);
        -ms-transform: translate(0%, 0px);
        -o-transform: translate(0%, 0px);
    }
    .side_navigation ul.menu li:hover > ul.sub-menu {
        transform: translate(19%, 0px);
        -webkit-transform: translate(19%, 0px);
        -moz-transform: translate(19%, 0px);
        -ms-transform: translate(19%, 0px);
        -o-transform: translate(19%, 0px);
    }
    .side_navigation .mk_top_navigations ul li {
        margin-bottom: 26px;
        padding-bottom: 0;
    }
    .mk_top_navigations ul.sub-menu li {
        text-align: center;
    }
}
@media (max-width: 480px) {
    .show_more_section a {
        margin-right: 0;
    }
    .brands_icon img {
        margin-bottom: 10px;
        margin-right: 10px;
        max-width: 110px;
    }
}
@media(max-width:500px) {
    .blog_inner_heading {
        bottom: 10%;
    }
    .blog_inner_heading h3 {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    .blog_post_wrapper_main .thumbnail_inner img {
        transform: translatey(-30px);
        z-index: 99;
    }
    .header_left_area h1 {
        font-size: 26px !important;
        line-height: inherit !important;
    }
    .blog_content form p label,
    .blog_content form p input {
        width: 100%;
    }
    .no-results form label,
    .no-results form label input,
    .no-results form input.search-submit {
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .message_section .comment_textarea {
        width: 90%;
    }
}
@media (max-width: 767px) {
    .message_section .comment_textarea {
        width: 84%;
    }
}
@media (min-width: 768px) {
    .navigaton_right {
        right: -24px;
        top: -25px;
    }
}
@media (max-width: 480px) {
    .message_section .comment_textarea {
        width: 100%;
        margin-left: 0px;
        margin-top: 8px;
    }
    .slider_navigation {
        padding-top: 44px;
        float: left;
        width: 100%;
    }
}
@media(min-width:1200px) {
    .pull_right_img.second img.bigimg {
        margin-left: 55px; 
    }
}
@media(min-width:500px) and (max-width:991px) {
    .header_right_img img.shortImg {
        top: 71px !important;
        left: 24px !important;
    }
}
@media (max-width: 979px) {
    .termcondetions ul li {
        float: left;
    }
}
@media(min-width:1200px) and (max-width:1359px) {
    .mk_top_navigations > ul > li {
        padding: 15px 10px !important;
    }
}