%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/html/sljcon/public/css/
Upload File :
Create Path :
Current File : /var/www/html/sljcon/public/css/responsive.css

/* Small screen (phone) */
@media only screen and (max-width: 767px) {
	
	header .main_menu{
		display: none;
	}
	.nav_icon{
		display: block;
		margin-top: 22px;
	}
	.sidebar_panel.right{
		background: #1e3c50;
	}
	.sidebar_menu_area .main_menu li{
		list-style: none;
	}
	.sidebar_panel.right{
		background: #1e3c50;
		z-index: 9999;
	}
	.sidebar_panel .sidebar_nav_icon_close{
		color: #ffffff;
	}
	.sidebar_menu_area .main_menu li{
		list-style: none;
	}
	.logo-block img{
		margin: 0 auto;
	}
	.about_us_area .about_us .about_us_content_right{
		display: none;
	}
	.about_us_area .about_us .about_us_content_right .about_img{
		display: none !important;
	}
	.about_us_area .about_us .about_us_content_right .about_img img{
		display: none;
	}
	.recent-project-section .recent_block .recent_projcet_content .recent_project_caption h4{
		margin-top: 95px;
	}
	.recent_projcet_content img{
		width: 100%;
	}
	.number-section .number-block{
		margin-bottom: 35px;
	}
	.footer-logo{
		text-align: center;
	}
	.footer-section .footer-bottom .copy-right{
		text-align: center;
	}
	.counter_section_area .counter_section .single_counter_item{
		margin-bottom: 75px;
	}

	.about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_left{
		margin-bottom: 30px;
	}

	.our_skills_area{
		padding-bottom: 80px;
	}


	.recent-project-section .recent_block .recent_projcet_content .recent_project_caption h4{
		margin-top: 42px;
	}
	.about_us_area .about_us .about_us_content .nav-tabs{
		margin-right: 0;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_left{
		margin-right: 0;
		max-width: 100%;
		width: 100%;
	}
	.about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_left img{
		max-width: 100%;
		margin: 0;
		width: 100%;
	}
	.about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_right{
		overflow: visible;
	}
	.footer_area .footer_top_area .footer_top .block {
		text-align: center;
	}
	.counter_section_area .counter_section .single_counter_item{
		margin-bottom: 75px;
	}
	.counter_section_area .counter_section .single_counter_item{
		text-align: center;
	}
	
	.header_top_area .header_top .col-xs-6{
		width: 50%;
	}


	header .header_banner_area .header_banner_icon{
		display: none;
	}

	.pricing_table_area .pricing_table .pricing_table_content .single_pricing_table{
		margin-bottom: 50px;
	}

	.pricing_table_area .pricing_table .pricing_table_content .single_pricing_table.gold{
		margin-top: 0px;
	}

	header .header_nav_area .header_nav .header_nav_left .header_nav_block, header .header_nav_area .header_nav .header_nav_right .header_nav_block{
		float: none;
		text-align: center;
	}
	header .header_nav_area .header_nav .header_nav_block ul{
		display: inline-block;
	}

	header .header_nav_area .header_nav .header_nav_block ul li{
		border-right: 0;
	    padding-bottom: 0;
	}

	header .header_nav_area .header_nav .header_nav_block .header_cart{
		margin-right: 0px;
	    padding-right: 0px;
	    border: 0px;
	}


	.slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer1, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer1{
		display: none;
	}
	.slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer2, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer2{
		display: none;
	}
	.slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer3, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer3{
		display: none;
	}
	.slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer4, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer4{
		display: none;
	}

	.about_us_area .about_us .about_us_content_left{
		margin-right: 0;
	}

	header .header_top_area.banner--stick .nav_icon{
		margin-top: 22px;
	}

	.footer_area .footer_bottom_area .footer_bottom .footer_copyright {
		text-align: center;
	}
	.footer_area .footer_bottom_area .footer_bottom .footer_menu{
		float: none;
		text-align: center;
	}

	header.header_style_two .header_top_area .header_top .header_logo .logo{
		text-align: left;
	}

	.amazing_features_area .amazing_features .amazing_features_content .single_features_item{
		margin-top: 10%;
	}

	.counter_section_full{
		padding-top: 60px;
		padding-bottom: 40px;
	}

	.team_member_area .team_member .team_container .item .single_item{
		margin-bottom: 30px;
	}


} /*max-width: 767px*/




/* very small Mobile Layout: 320px. */
@media only screen and (min-width: 300px) and (max-width: 480px) {
	#preloader{
		display: none;
	}


	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6{
		width: 100%;
	}
	header .header_nav_area .header_nav .header_nav_right .header_nav_block{
		width: 100%;
	}
	header .header_nav_area .header_nav .user_info ul li{
		margin-right: 8px;
		padding-right: 8px;
		float: left;
	}
	.nav_icon i{
		/* margin-top: 32px; */
	}
	.our_client_faq_area .our_client_faq .our_client_area .our_client_content ul li{
		width: 100%;
		margin-bottom: 30px;
	}
	
	.about_us_area .about_us .about_us_content_right{
		display: none;
	}
	.about_us_area .about_us .about_us_content_right .about_img{
		display: none !important;
	}
	.about_us_area .about_us .about_us_content_right .about_img img{
		display: none;
	}
	.recent-project-section .recent_block .recent_projcet_content .recent_project_caption h4{
		margin-top: 40px;
	}
	.review-block .owl-nav{
		display: none;
	}
	.number-section .number-block .number-icon{
		margin-bottom: 20px;
	}
	.team-container{
		padding-left: 25px;
	}
	.client-block .owl-nav{
		display: none;
	}
	.counter_section_area .counter_section .single_counter_item{
		margin-bottom: 75px;
	}
	.contact-form{
		margin-bottom: 35px;
	}
	.footer-section .footer-bottom .copy-right{
		line-height: 1.7;
		margin-bottom: 30px;
	}
	.footer-section .footer_top .footer-menu .footer-navbar ul.footer-nav li{
		padding: 0 10px;
	}
	.footer-section .footer_top .footer-social a.social-icon{
		padding: 0 10px;
	}

	.our_testimonial_area .our_testimonial .our_testimonial_slider .single_our_testimonial_item .single_testimonial_item_bottom .single_testimonial_item_bottom_carousel .slick-prev{
		left: 0px;
	}
	.our_testimonial_area .our_testimonial .our_testimonial_slider .single_our_testimonial_item .single_testimonial_item_bottom .single_testimonial_item_bottom_carousel .slick-next{
		right: 0px;
	}

	.our_testimonial_area .our_testimonial .our_testimonial_slider .single_our_testimonial_item .single_testimonial_item_bottom .single_testimonial_item_bottom_carousel .single_testimonial_item_bottom_list{
		    padding-left: 0;
		    padding-right: 0;
	}

	.about_us_area .about_us .about_us_content_left .counter_section_area .counter_section .single_counter_item{
		padding: 0px 10px;
	}

	.our_client_faq_area .fast_faq_area .fast_faq_content .panel-group .panel-default .panel-heading .panel-title a:before{
	    margin-right: 0px;
	    float: left;
	    display: block;
	    /* padding: 23px 15px; */
	}

	.our_client_faq_area .fast_faq_area .fast_faq_content .panel-group .panel-default .panel-heading .panel-title a{
		padding-right: 10px;
		/* line-height: 1.6; */
		overflow: hidden;
	}

	.our_client_faq_area .fast_faq_area .fast_faq_content .panel-group .panel-default .panel-heading .panel-title a span {
	    line-height: 1.4;
	    margin-left: 52px;
	    padding: 10px 0px;
	    display: block;
	}

	header .header_top_area.banner--stick .nav_icon {
	    margin-top: 23px;
	}

	header .header_nav_area .header_nav .header_nav_block ul li{
		float: none;
		display: inline-block;
		margin-right: 0;
	}

	.about_us_area .about_us .about_us_content_left .counter_section_area .counter_section{
		    flex-direction: column;
		    -webkit-flex-direction: column;
	}
	
	/* 404 page */
	.area_404 .block_404 .content_404 .title_404 h2{
		font-size: 120px;
	}
	.area_404 .block_404 .content_404 .sub_title_404{
		font-size: 30px;
	}

	.area_404 {
	    padding: 122px 0;
	}

	.page_breadcrumb_area{
		    margin-bottom: 50px;
	}

	.coming_soon_area .coming_block .coming_content .coming_title h2{
		font-size: 62px;
	}

	.coming_soon_area .coming_block .coming_content .countdown .countdown_list{
		margin: 0px 25px;
	}
	.single_shop .product_details_page .img_holder .images{
		margin-bottom: 50px;
	}
	.single_shop .product_details_page .img_holder .images a img{
		margin: 0 auto;
	}
	.tab-pane .woocommerce-Reviews .comment-respond{
		padding: 1em;
	}
	.tab-pane .woocommerce-Reviews .comment-respond .comment-form .comment-form-author{
		width: 100%;
		clear: both;
	}
	.tab-pane .woocommerce-Reviews .comment-respond .comment-form .comment-form-email{
		width: 100%;
		clear: both;
	}
	.tab-pane .woocommerce-Reviews .comment-respond .comment-form input[type=text],input[type=email]{
		width: 100%;
	}
	

} /* very small Mobile Layout: 320px. */



@media only screen and (min-width: 481px) and (max-width: 767px) {

	.about_us_area .about_us .about_us_content_right{
		display: none;
	}
	.about_us_area .about_us .about_us_content_right .about_img{
		display: none !important;
	}
	.about_us_area .about_us .about_us_content_right .about_img img{
		display: none;
	}
	.single_shop .product_details_page .img_holder .images{
		margin-bottom: 50px;
	}
	.single_shop .product_details_page .img_holder .images a img{
		margin: 0 auto;
	}
	.tab-pane .woocommerce-Reviews .comment-respond{
		padding: 1em;
	}

}/* (min-width: 481px) and (max-width: 767px). */



/* Small tablet Screen   */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#preloader{
		display: none;
	}
	
	header .main_menu{
		display: none;
	}
	.nav_icon{
		display: block;
		margin-top: -7px
	}
	.single_shop_block{
		width: 100%;
	}
	.single_shop_sidbar{
		display: none;
	}
	.sidebar_panel.right{
		background: #1e3c50;
		z-index: 9999;
	}
	.sidebar_panel .sidebar_nav_icon_close{
		color: #ffffff;
	}
	
	.amazing_features_area .amazing_features .amazing_features_content .single_features_item{
		margin-top: 15%;
	}
	.single_features_item_image .single_features_image img{
		margin: auto;
	}
	.counter_section_full{
		margin-top: 80px;
	}
	.about_us_area .about_us .about_us_content_right{
		display: none;
	}
	.about_us_area .about_us .about_us_content_right .about_img{
		display: none !important;
	}
	.about_us_area .about_us .about_us_content_right .about_img img{
		display: none;
	}
	.slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer3, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer3{
		display: none;
	}
	.slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer2{
		font-size: 55px;
	}
	.slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer1{
		font-size: 34px;
		top: 346px !important;
	}
	.slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer4, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer4{
		top: 547px !important;
	}
	.slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer4 a span{
		font-size: 28px;
		padding: 20px;
	}

	.recent-project-section .recent_block .recent_projcet_content .recent_project_caption h4{
		margin-top: 25px;
	}
	.number-section .number-block{
		margin: 20px 0;
	}

	.header_top_area .header_top .main_menu_area{
		margin-top: 30px;
	}

	.about_us_area .about_us .about_us_content .nav-tabs{
		max-width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 50px;
	}

	.about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_left{
		margin-right: 40px;
	}

	.header_top_area.banner--stick .main_menu_area {
	    margin-top: 18px;
	}

	.counter_section_area {
	    padding-top: 100px;
	}

	.our_skills_area{
		padding-bottom: 80px;
	}

	header .header_banner_area .header_banner_icon{
		display: none;
	}

	.pricing_table_area .pricing_table .pricing_table_content .single_pricing_table{
		margin-bottom: 50px;
	}

	.pricing_table_area .pricing_table .pricing_table_content .single_pricing_table.gold{
		margin-top: 0px;
	}

	header.header_style_two .header_top_area .header_top .header_logo .logo{
		text-align: left;
	}

	.counter_section_full{
		padding-top: 80px;
		padding-bottom: 60px;
	}

}



/* Mediam Screen   */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.header-section .main_menu_area ul.main_menu li{
		margin: 0px 15px;
	}

	.about_us_area .about_us .about_us_content .nav-tabs {
	    max-width: 300px;
	    margin-right: 30px;
	}

	.about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_left {
	    max-width: 300px;
	    margin-right: 30px;
	}

	.creative_works_area .creative_works .creative_works_filter .creative_works_content .creative_works_block .creative_works_content_inner .creative_works_caption p{
		display: none;
	}

	.about_us_area .about_us .about_us_content_right{
		position: static;
	}

	header.header_style_two .header_top_area .header_top .main_menu_area .main_menu.menu_style_two ul li a{
	    margin: 0px 20px 0px 20px;
	}
	
}



/* Large Screen   */
@media (min-width: 1200px) {
	
}

Zerion Mini Shell 1.0