/*======================================================================================*/
/*===============================gaga pro responsive style added from here========================*/
/*======================================================================================*/


@media (max-width: 1024px) and (min-width:1100px){
    .portfolio_main .portfolio_content a{
        padding:0px;
    }
}
@media (max-width: 1200px){
	.gaga_pro_news_letter_wrap{
		    padding: 20px 60px 0 90px;	
	}
	.portfolio_main a h3{
		margin:5px 0;	
	}
	.portfolio_main .portfolio_content{
		height:100px;	
	}
}
@media (max-width: 1100px){
	
    .ak-container2{  
        width: 99%;      
        padding: 0 0.5%;  
        overflow: hidden;  
    } 
	.main-navigation ul>li a, .mm-menu .mm-listview > li > a{
		font-size:17px;	
	}
	.location_map, .email_map, .contact_map{
		width:30%;	
	}
	h2.about_section_title, .service_section_title h2, .team_section h2, .blog_sectio_title h2, .blog_latest_post h2, .portfolio_section h2, .skill_section_title h2, .client_section_title h2, .pricing_section h2, .cta_section_title h2, .testimonial-title h2, .embed_video h2{
		font-size:39px;	
	}

	.news_letter_feature_description_class{
		margin-bottom:20px;	
	}
	.gaga_pro_news_letter_wrap{
	padding: 20px 50px 0 50px;	
	}
	.footer_widget_view .contact_title{
		font-size:37px;	
	}
	.portfolio-positing .portfolio_main a h3{
		height: 30px;
		overflow:hidden;	
	}
}
@media (max-width: 980px){
	.hidden #toggle{
		right:1%;	
	}
	.main-navigation ul>li a, .mm-menu .mm-listview > li > a{
		font-size:15px;	
	}
	.ak-container{
		width:100%;
		padding:0 20px;
		margin:0;	
	}
	.ak-container-menu{
		width:100%;
		padding:0 20px;
		margin:0;	
	}
	.slider_area .gaga_pro_slider .bx-pager.bx-default-pager{
		right:30px;	
	}
	.slider_area .gaga_pro_slider .slider_capation .slider_title, .slider_area .gaga_pro_slider .slider_capation .slider_content{
		font-size:40px;
		line-height:45px;	
	}
	.gaga_pro_news_letter_wrap{
		padding:20px;	
	}
	.main-navigation ul>li a{
		font-size:17px;	
	}

	.port_all_content .portfolio-post-wrap{
		width:50%;	
	}
	.team_top_content, .contents_team, .team_skill_wrapper, 
	.single-team_type .site-main .post-navigation{
		width:100%;
		padding:0 20px;	
	}
	.skill_content_right{
		padding-left:50px;	
	}
	#blog-grid .blog-positing .blog_main a{
		height:55px;
		margin-bottom:5px;	
	}
	#blog-grid .blog-positing .blog_main .blog_content{
		height:80px;	
	}
	.content-area-both #portfolio-grid .portfolio-post-wrap{
		width:100%;	
	}
	
}

@media (max-width: 960px){
    .ak-container,.ak-container-menu,.ak-container2  
  {  
        width: 100%;      
        padding: 0 20px;   
    } 
	  .slider_area .gaga_pro_slider .bx-pager.bx-default-pager,
    .slider_area .gaga_pro_slider .bx-controls.bx-has-pager{
		width:auto;	
	}
    .main-nav-scrolled .ak-container{ 
        width:100%;
    }
    .main-nav-scrolled .ak-container-menu{ 
        width:100%;
    }
    .inner_header{
        min-height:100px;
    }
	.inner_header>h1, .page-header>h1.page-title{
		font-size:30px;	
	}
	.content-area-both #blog-grid .blog-post-wrap{
	width:100%;	
	}
	
}
@media (max-width: 880px){
	.client-posts .nbs-flexisel-nav-right, .client-posts .nbs-flexisel-nav-left{
		width:35px;
		height:35px;
		    top: 19% !important;	
	}
	.client-posts .nbs-flexisel-nav-right:after, .client-posts .nbs-flexisel-nav-left:after{
		font-size:32px;	
	}
	.client-posts .nbs-flexisel-nav-left:after{
		left:31%;	
	}
	.main-navigation ul>li a{
		font-size:16px;	
	}
	.map_contact_address{
		width:100%;
		display:inline-block;
		clear:both;	
	}
	.location_map, .email_map, .contact_map{
		width:33%;
		float:left;	
	}
	.footer_widget_view .contact_title{
		font-size:32px;	
	}
}

@media (min-width: 821px){  
    .responsive_nav{
        display:none;
    }
}
@media (max-width: 820px){
    .site-header .ak-container{
        overflow:visible;
    }
    
    .site-header .ak-container-menu{
        overflow:visible;
    }
    /*.header_logo{
        position:static !important;
        display:inline-block;
        float:left;
    }*/
	.main-navigation ul>li a{
		font-size:15px;	
	}

    #toggle {
        display:block;
        float: right;
        width: 50px;
        height: 50px;
        margin: 25px auto;
        cursor: pointer;
        padding: 10px;
        border-radius: 4px;
		z-index:99999;
    }


    #toggle div {
        width: 100%;
        height: 5px;
        background: #ec1b2e;
        margin: 4px auto;
        transition: all 0.3s;
        backface-visibility: hidden;
    }

    #toggle.on .one {
       transform: rotate(45deg) translate(5px, 5px);
    }

    #toggle.on .two {
        opacity: 0;
    }

    #toggle.on .three {
        transform: rotate(-45deg) translate(7px, -8px);
    }
	
	#toggle .one {
        transform:none;
    }

    #toggle .two {
        opacity: 1;
    }

    #toggle .three {
        transform: none;
    }

    .main-navigation ul {        
        display: inline-block;
        width:auto !important;
    }
    .main-navigation {
        display:block;
        width:100%;
    }
	h2.about_section_title, .service_section_title h2, .team_section h2, .blog_sectio_title h2, .blog_latest_post h2, .portfolio_section h2, .skill_section_title h2, .client_section_title h2, .pricing_section h2, .cta_section_title h2, .testimonial-title h2,#plx_map_section .map_section_title h2,.embed_video h2{
		font-size:35px;	
	}
	.blog_sectio_title h2, .blog_latest_post h2, .skill_section_title, .portfolio_section h2, .cta_section_title{
		margin-bottom:40px;	
	}
	.faq_section_title h2 span{
		font-size:18px;
		margin-bottom:5px;	
	}
	.blog_section{
		padding:50px 0;	
	}
	.service_section, .team_section, .skill_section, .pricing_section{
		padding:50px 0;	
	}
	#plx_progress_faq_section{
		padding:50px 0;	
	}
	.portfolio_section{
		padding:50px 0;	
	}
	.feature_section{
		padding:60px 0 50px 0;	
	}
	.team_section .team-descr{
		margin-top:30px;	
	}
    .blog_main_post{
        float:none;
        display:block;
        width:100%;
		margin-bottom:40px;
    }
    .blog_latest_post {
        float:none;
        display:block;
        width:100%;
        text-align:center;
    }
    .blog-posts-wrap-latest{
        float:left;
        width:50%;
        padding:0px 5px;
		min-height:300px;
    }
	.blog-posts .main_like_comment,
	.inner .main_like_comment,
	.blog-posts-wrap-latest .sub_like_comment{
		margin-bottom:10px;
		float:left;	
	}
	

	 .blog-posts-wrap-latest a{
			display:block; 
	 }
	 #blog-grid .blog-post-wrap{
			width:50%; 
	 }
	 .content-area-both #blog-grid .blog-post-wrap{
		width:50%;	
	}
    a.view_all_latest{
        float:none;
    }

    .prog{
        padding-top:15px;
    }

    .portfolio-post-wrap {
        
        padding:15px 15px;
    }
    .portfolio-post-wrap:last-child {
        padding-bottom:50px;
    }
	.port_all_content .portfolio-post-wrap:last-child{
		padding:5px;	
	}
    .slider_area .gaga_pro_slider .slider_capation {
       
        left: 0px;
        text-align: right;
        width: 100%;
    }
    .slider_area .gaga_pro_slider span.next-page {
        left: 5%;
    }
    .slider_area .gaga_pro_slider .slider_capation .slider_title, 
    .slider_area .gaga_pro_slider .slider_capation .slider_content {
        font-size: 32px;
        line-height: 33px;
    }
    .inner{
        margin-top:30px;
    }
    .inner .arcive_title a{
        margin-top:20px;
    }
    .inner_header{
        height:auto;
    }
	.gaga_pro_news_letter_wrap, .news_letter_feature_image_class{
		width:100%;
		display:inline-block;	
	}
	.news_letter_feature_image_class img{
		width:100%;	
	}
	.blog_main_post .blogs-excerpt-content{
		font-size:14px;	
	}
	.blog-posts-wrap-latest a h3{
		font-size:13px;	
	}
	.blog_date_main, .blog_date_sub{
		font-size:12px;	
		line-height:17px;
	}
	.team_section .team_title{
		margin-bottom:60px;	
	}
	
	/*inner page style*/
	.content-area{
		width:100%;
		display:block;	
	}
	.widget-area-right{
		width:100%;
		display:block;	
	}
	.work_latest_post{
		width:100%;
		display:table;
		clear:both;	
	}
	.work_latest_post .work-posts-wrap-latest{
		width:49%;
		display:inline-block;
		padding:0 10px;	
	}
	.widget_blog_latest_post{
		width:100%;
		display:table;
		clear:both;	
	}
	#plx_map_section{
		padding:50px 0 0 0;	
	}
	
	.content-area-both{
		position:static;
	}
	 .widget-area-right-both{
			width:100%; 
	 }
	 .widget-area-left-both{
			position:static;
			width:100%; 
	 }
	 .boxed_thumb_alternet .team_archive_image,.boxed_thumb_alternet .team_content_all{
			width:100%; 
	 }
	 .widget-area-left{
	width:100%;	
}
.content-area-no .team_round_alternate_layout .team_archive_image{
		position:static;
		margin-top:0;	
	}
	.content-area-no .team_round_alternate_layout .team_content_all, .content-area-no .combine:nth-child(even) .team_round_alternate_layout .team_content_all{
		padding: 135px 10px 35px 10px;
		margin:0;	
	}
	.portfolio_image_boxed_thumb, 
	.skill_top_content{
		width:100%;	
	}
	
	 .contents_team{
			padding-bottom:100px; 
			margin-bottom:20px;
	 }
	 #portfolio-grid .portfolio-post-wrap{
		width:50%;	
	}
	.team_single_image{
		width:100%;	
	}
	.contents_team_leftwrap{
		width:100%;
		bottom:0;
		left:0;	
	}
	.skill_content_right{
		width:100%;	
		padding:0;
	}
	.skill_image_display{
		width:100%;
		position:static;
		margin-bottom:20px;	
	}
	.content-area-both #portfolio-grid .portfolio-post-wrap{
		width:50%;	
	}
	.team_boxed_layout .team_archive_image,
	.team_boxed_layout .team_content_all{
		width:100%;	
	}
	.content-area-left .gaga_pro_service_content,
	.content-area-right .gaga_pro_service_content,
	.gaga_pro_service_content{
		width:48%;
		
	}

}
@media (min-width: 769px){
	.header_logo_top #menu{
		display:block !important;	
	}
	
	.my_class_pages .onee .top_inner_header, .post-type-archive-portfolio_type .onee, .onee {
  /*  background-image: url(https://linepack.jp/hako/images/header_back.png); */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}

 
}
@media (max-width: 768px){

.my_class_pages .onee .top_inner_header, .post-type-archive-portfolio_type .onee, .onee {
  /*  background-image: url(https://linepack.jp/hako/images/header_back.png); */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}

	/*.site-header{
		padding-bottom:20px;	
	}*/
	.header_logo_top .ak-container .header_logo{
	width:auto;	
}
	.header_logo_top .ak-container-menu .header_logo{
	width:auto;	
}
.header_logo_top #menu{
	float:right;	
}
.site-header .ak-container .header_logo{
	padding-left:20px;	
}
.site-header .ak-container-menu .header_logo{
	padding-left:20px;	
}
.main-navigation ul.nav >li:first-child a{
	padding:0 10px;	
}
.site-header .ak-container{
	padding:0;	
}
.site-header .ak-container-menu{
	padding:0;	
}
	.onee #menu{
	display:none;
	right:0;	
}
#toggle{
	position:absolute;
	top:0;
	right:0;
	display:block;	
}
.onee #toggle{
	display:block;
	right:10px;	
}

    #menu{
        position:static;
        width:100%;
    }
    #menu.side_bar_menu{
		position:absolute;	
	}
	#menu.mm-menu{
		position:fixed;	
	}
	.hidden .top_inner_header #menu{
		top:0;	
	}
    .main-nav-scrolled{
        position:static;
    }
    .main-navigation ul{
        display: block;
        text-align:center;
        background:#eee;
        padding:15px 0px;
    }
	.hidden .main-navigation ul{
		background:none;	
	}
	
    .main-navigation{
        padding-top:5px;
        padding-bottom:0;
    }
    .main-navigation ul>li {
        float: none;
		display: block;
		margin: 0;
		padding: 10px 0;
    }
    .main-navigation ul>li a {        
        font-size:18px;
        line-height:24px;
    }
    .main-navigation .nav{
        float:none;
    }
    .main-navigation .menu-menu-1-container{
        float:none;
    }
	
	.slider_area .gaga_pro_slider .bx-pager.bx-default-pager{
		bottom:0;	
	}
	.main-navigation ul ul{
		position:static;
		float:none;
		text-align:center;
		display:none;	
	}
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul{
		display:block;	
	}
	.main-navigation ul ul li{
		text-align:center;	
	}
	.onee .main-navigation ul ul li>a{
		display:inline;	
	}
	
    #plx_about_section{
        padding:20px 0;
    }
    h2.about_section_title, .service_section_title h2, 
    .team_section h2, 
    .blog_sectio_title h2, 
    .blog_latest_post h2,
    .portfolio_section h2, 
    .skill_section_title h2, 
    .client_section_title h2, 
    .pricing_section h2, 
    .cta_section_title h2, 
    .testimonial-title h2,
	.faq_section_title h2,#plx_map_section .map_section_title h2, .embed_video h2{
        font-size:30px !important;
    }
	.faq_section_title h2 span{
		
		margin-bottom:10px;	
	}
	
    .slider_area .gaga_pro_slider .slider_capation {
        left: 0px;
        text-align: right;
        width: 100%;
		background: rgba(0, 0, 0, 0.62);
    	padding:15px 10px;
		bottom:10%;	
    }
    .slider_area .gaga_pro_slider span.next-page{
        display:none;
    }
    .slider_area .gaga_pro_slider .slider_capation .slider_title, 
    .slider_area .gaga_pro_slider .slider_capation .slider_content {
        font-size: 25px;
        line-height: 35px;
    }
    #plx_about_section .combine,
    #plx_about_section .combine_content {
        float:none;
        width:100%;
        padding:10px 5px;
    }
    #plx_about_section .combine_content .about-contents{
        font-size:16px;
        line-height:20px;
    }
    #plx_service_section .service-posts-wrap .service_image,
    #plx_service_section .service-posts:before, 
    #plx_service_section .service-posts-wrap:nth-child(5):after{
        display:none;
    }
    #plx_service_section .service_post_one .service-posts-wrap .service_image {
    	display: inline-block;
    }
    #plx_service_section .service-posts-wrap .service_title,
    #plx_service_section .service-posts-wrap .services-excerpt-content{
        width:100%;padding:0px 5px;
    }
    #plx_service_section .service-posts-wrap:nth-child(even) .service_title, 
    #plx_service_section .service-posts-wrap:nth-child(even) .services-excerpt-content{
        padding:0px 5px;
    }
    .prog,
    .widget_gaga_pro_pricing{  
        width:50%; 
    } 
    .widget_gaga_pro_pricing{  
        width:50%; 
		margin-bottom:30px;
    }
    .widget_gaga_pro_pricing:nth-child(3){
        clear:both;
    }
    /*    .widget_gaga_pro_pricing:before,
        .widget_gaga_pro_pricing:after{
            content: "";
            display: table;
        }
    
        .widget_gaga_pro_pricing:after,
        .widget_gaga_pro_pricing:after{
            clear: both;
        }*/
    portfolio
    .blog_main_post,
    .blog_latest_post,
    .footer_1,
    .footer_2,
    .footer_3{  
        display:block;   
        float:none;    
        width:100%; 
    }
	.footer_1,
    .footer_2,
    .footer_3{ 
		padding:0;
	}
	
    .site-footer {
        margin: 30px 0px;
    }
    .content-area{
        float:none;
        width:100%;
		padding:0;
		margin-top:80px;
    }
    .content-area-both {
        float: none;
        width: 100%;
        position:relative;
        left:0%;
    }
    .widget-area{
        float:none;
        width:100%;
        right:0;
    }
    .port_slide{
        padding:0px;
    }
    .widget-area-left {
        float:none;
        width:100%;
		display:table;
		clear:both;
		padding:0;
    }	
    .widget-area {
        float:none;
        width:100%;
        right:0;
		padding:0;
    }
    .widget-area-right{	
        float:none;
        width:100%;
		padding:0;
    }
    .widget-area-right-both{
        float:none;
        width:100%;
    }
    .widget-area aside{
        float:none;
        width:100%;
    }
    .inner_header>h1, 
    .page-header>h1.page-title{
        font-size:28px !important;
        line-height:1;
    }

    .main-navigation ul>li a {
        font-size: 14px;
        text-transform: capitalize;
    }
    .inner{
        margin:0;
        margin-top:25px;
    }    
 
	.progress_bar, .faq_div{
		width:100%;
		padding:0;
		margin-bottom:20px;	
	}
	.progress_bar{
		margin-bottom:40px;	
	}
	.faq_div ul{
		margin:0 0 15px 0;	
	}
	.feature_section .feature-posts-wrap{
		width:50%;	
	}
	.portfolio-post-wrap:last-child{
		padding:20px 0 40px 0;	
	}
	.location_map .fa_icon_set, .email_map .fa_icon_set, .contact_map .fa_icon_set{
		font-size:35px;	
	}
	.location_map .map_content_title, .email_map .map_content_title, .contact_map .map_content_title{
		font-size:15px;	
	}
	.location_map .content_text, .email_map .content_text, .contact_map .content_text{
		font-size:15px;	
	}
	.port_slide #slider-prev{
		left:0px;	
	}
	.port_slide #slider-next{
		right:0px;	
	}
	.news_letter_feature_description_class{
		font-size:35px;	
	}
	.faq_div ul{
		margin:0;	
	}
	.faq_div .simpleFAQ_list li:last-child{
		margin-bottom:0;	
	}
	
	.portfolio-post-wrap_round_thumb{
		width:100%;	
		padding:0;
	}
	.gaga_pro_service_content{
		text-align:center;
		padding:30px;	
	}
	.service_image_container{
		display:inline-block;
		float:none;		
	}
	.service_content_wrap{
		width:100%;
		display:block;
		padding:0;	
	}
	.blog-posts .bx-wrapper .bx-controls-direction a,.blog_slider .bx-wrapper .bx-controls-direction a,
	.blog_type .bx-wrapper .bx-controls-direction a{
		width:40px;
		height:40px;	
	}
	.blog-posts .bx-controls-direction .bx-next:before,
	.blog-posts .bx-controls-direction .bx-prev:before, 
	.blog_slider .bx-controls-direction .bx-next:before,
	.blog_slider .bx-controls-direction .bx-prev:before,
	.blog_type .bx-controls-direction .bx-next:before,
	.blog_type .bx-controls-direction .bx-prev:before{
		font-size:19px;
		top:36%;
	}
	.portfolio_buttons ul li{
		font-size:13px;
		line-height:12px;	
	}
	.portfolio_image_round_thumb{
		width:250px;
		height:250px;	
	}
	.portfolio_main_round_thumb{
		height:auto;	
	}
	.top_header_wrap {
		position: absolute;
		top: 0;
		width: 100%;
		background-color:#ffffff;
		height:auto;
		padding-bottom:5px;
	}
	#masthead-sticky-wrapper.sticky-wrapper {
		position: absolute;
		top: 0;
		width:100%;
		z-index: 999;
	}
	.header_logo_top #menu {
		width: 100%;
	}
	#plx_team_section .simple_team_member .team_inner_simple .team_name_simple, 
	#plx_team_section .simple_team_member .team_inner_simple .team-social_simple {
		font-size: 12px;
	}
	#plx_team_section .simple_team_member .team_inner_simple .team-social_simple a {
		width:25px;
		height:25px;
	}
	#plx_team_section .simple_team_member .team_inner_simple:hover .team_name_simple {
		bottom:80px;
	}
	.single-team_type .site-main .post-navigation {
	    margin-bottom:30px;
	}
	.single-team_type .site-content{
		position:relative;
		top:107px;
	}
}

@media (max-width: 655px){

.my_class_pages .onee .top_inner_header, .post-type-archive-portfolio_type .onee, .onee {
  /*  background-image: url(https://linepack.jp/hako/images/header_back.png); */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}

    .inner{
        padding-top:20px;
    }
    .inner .arcive_title a{
        margin-top:15px;
    }
	.team_section .team_title{
		margin-bottom:40px;	
	}
	.team_section .team-descr{
		width:100%;	
	}
	.location_map .map_content_title, .email_map .map_content_title, .contact_map .map_content_title,
	.location_map .content_text, .email_map .content_text, .contact_map .content_text{
		font-size:12px;	
	}
	.news_letter_feature_title_class{
		font-size:18px;	
	}

	.slider_area .gaga_pro_slider .bx-pager.bx-default-pager{
		display:none;	
	}
	.slider_area .gaga_pro_slider .slider_capation{
		bottom:0;	
	}
	.faq_section_title h2 span{
		font-size:14px;	
	}
	.content-area-left .gaga_pro_service_content,
	.content-area-right .gaga_pro_service_content,
	.gaga_pro_service_content{
		width:100%;
		margin:0 0 30px 0;
	}
}


@media (max-width: 550px){ 

.my_class_pages .onee .top_inner_header, .post-type-archive-portfolio_type .onee, .onee {
  /*  background-image: url(https://linepack.jp/hako/images/header_back.png); */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}


#plx_about_section .combine_content .buy{
	text-align:center;	
}
#plx_about_section .combine_content .buy a{
	width:100%;	
}
    .site-header{
        position:static !important;
        background:#ffffff;
    }
    .service_section, 
    .team_section, 
    .skill_section, 
    .blog_section, 
    .portfolio_section,
    #plx_client_section,
    .pricing_section,
    #plx_cta_section,
    .testimonial_view,
	#plx_progress_faq_section{
        padding:60px 0px;
        margin:0px;
    }
    #plx_service_section,
    #plx_about_section,
    #plx_portfolio_section,
    #plx_team_section,
    #plx_client_section,
    #plx_blog_section,
    #plx_testimonial_section,
    #plx_pricing_section,
    #plx_skill_section,
    #inner_header,
    #plx_cta_section{
        background-attachment:fixed !important;
    }
	h2.about_section_title, .service_section_title h2, .team_section h2, .blog_sectio_title h2, .blog_latest_post h2, .portfolio_section h2, .skill_section_title h2, .client_section_title h2, .pricing_section h2, .cta_section_title h2, .testimonial-title h2, .faq_section_title h2, #plx_map_section .map_section_title h2, .embed_video h2{
		font-size:25px !important;	
	}
    #plx_service_section .service-posts{
        margin-bottom:20px;
        margin-top:0px
    }
    .team_section .team-descr{
        margin:15px 0px;
    }

    #plx_service_section .service-posts-wrap{
        float:none;
        width:100%;
        border-right:none !important;
        border-bottom:1px solid #d61333 !important ;
        padding:10px 0px;
    }
   
    .blog-posts-wrap-latest, .work_latest_post .work-posts-wrap-latest{
        display:block;
        width:100%;
        float:none;
		min-height:0;
		padding:15px 0 0 0;
    }
	
    .prog{
        width:100%;
        float:none;
        padding-top:10px;
    }
    .testimonial-title h2{
        margin-bottom:20px;
    }
    .bxslider_testimonial .image_title{
        position:static;
        display:inline-block;
        width:50%;
    }
    .portfolio-post-wrap {
        width: 100%;
        padding:10px;
    }
    .client_section_title, .embed_video h2{
        margin-bottom:20px;
    }
    .pricing_widget.clearfix{
        margin-top:10px;
    }


    .percent span {
        font-size: 18px;
        line-height: 1.8;
    }
    .site-footer {
        margin: 20px 0px;
    }
    .footer_widget_view .contact_title{
        margin-bottom:5px;
        line-height:1 !important;
        text-transform:capitalize;
    }
    .wpcf7 form p{
        margin:0px 0 10px 0;
    }
    input.wpcf7-submit{
        width:100% !important;
        margin:0px;
    }

    .inner_header>h1, 
    .page-header>h1.page-title{
        font-size:24px !important;
    }

    .entry-meta{
        position:static;
    }
    .page-content, 
    .entry-content,
    .entry-summary {
        margin: 0.5em 0 0;
    }
    #respond .comment-form-author input,
    #respond .comment-form-email input, 
    #respond input,
    .inner #respond textarea{
        width:100%;
    }
    .inner .arcive_title a{
        margin-top:10px;
    }
  
	.feature_section .feature-posts-wrap{
		width:100%;	
		height:auto;
	}
	
	.slider_area .gaga_pro_slider .slider_capation .slider_title, 
    .slider_area .gaga_pro_slider .slider_capation .slider_content {
        font-size: 19px;
        line-height: 23px;
    }
	.faq_section_title{
		margin-bottom:20px;	
	}
	.bxslider_testimonial .slider_content{
		width:100%;	
	}
	
	.team_section .team_title{
		margin-bottom:20px;	
	}
	.blog_sectio_title h2, .blog_latest_post h2, .skill_section_title, .portfolio_section h2, .cta_section_title{
		margin-bottom:20px;	
	}
	.slider_area .gaga_pro_slider .slider_capation{
		bottom:0;	
	}
	.slider_area .gaga_pro_slider .bx-pager.bx-default-pager{
		display:none;	
	}
	.location_map, .email_map, .contact_map{
		width:100%;
		margin-bottom:20px;	
	}
	.blog_sectio_title h2, .blog_latest_post h2{
		text-align:center !important;	
	}
	.news_letter_feature_description_class{
		font-size:30px;	
	}
	
	.blog-posts .main_like_comment .home_blog_social .apss-social-share{
		width:72%;	
	}
	.main_like_comment .home_blog_social{
		width:100%;	
	}
	 .main_like_comment p{
		margin-bottom:10px;	
	}
	.port_all_content .portfolio-post-wrap{
		width:100%;	
	}
	#portfolio-grid .portfolio-post-wrap{
		width:100%;	
	}
	#blog-grid .blog-post-wrap, .content-area-both #blog-grid .blog-post-wrap{
		width:100%;	
	}
	.content-area-right #portfolio-grid .portfolio-post-wrap, .content-area-left #portfolio-grid .portfolio-post-wrap{
		width:100%;	
	}
	.content-area-both #portfolio-grid .portfolio-post-wrap{
		width:100%;	
	}
	.blog_buttons{
		margin-bottom:20px;	
	}
	#plx_team_section .nbs-flexisel-item a {
		max-width: 335px;
	}
	#plx_team_section .simple_team_member .team_inner_simple {
		width:46%;
	}
}
@media (max-width: 400px){ 
.my_class_pages .onee .top_inner_header, .post-type-archive-portfolio_type .onee, .onee {
  /*  background-image: url(https://linepack.jp/hako/images/header_back.png); */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}

    .widget_gaga_pro_pricing {
        width: 100%;
    }
    .widget_gaga_pro_pricing:nth-child(3){
        clear:left;
    }
    .contact_aside{
        float:none;
        width:100%;
    }
    .contact_desc{
        margin-bottom:5px;
    }

    .widget-area aside{
        float:none;
        width:100%;
    }
    .inner{
        margin-top:10px;
    }
	.slider_area .gaga_pro_slider .slider_capation .slider_title, .slider_area .gaga_pro_slider .slider_capation .slider_content{
	font-size: 14px;
    line-height: 20px;	
	font-weight:400;
	}
	h2.about_section_title, .service_section_title h2, .team_section h2, .blog_sectio_title h2, .blog_latest_post h2, .portfolio_section h2, .skill_section_title h2, .client_section_title h2, .pricing_section h2, .cta_section_title h2, .testimonial-title h2, .faq_section_title h2, #plx_map_section .map_section_title h2{
		font-weight:normal;	
	}
	h2.about_section_title span, .service_section_title h2 span, .team_section h2 span, .blog_sectio_title h2 span, .blog_latest_post h2 span, .portfolio_section h2 span, .skill_section_title h2 span, .client_section_title h2 span, .pricing_section h2 span, .cta_section_title h2 span, .testimonial-title h2 span, .faq_section_title h2 span{
		font-weight:normal;
		margin-bottom:10px;	
	}
	.blog-posts .main_like_comment .home_blog_social .apss-social-share{
		width:100%;	
	}
	.shortcode-slider .bx-wrapper .bx-controls-direction a {
		width:50px;
		height:50px;
		padding:0;
	}
	.bx-wrapper .bx-caption span {
		padding:5px 10px;
	}
	#plx_about_section {
		padding:0;
	}
	#plx_about_section .about_responsive_overlay {
		padding:20px 0;
		background-color:rgba(250,250,250,0.4);
	}
	#plx_team_section .simple_team_member .team_inner_simple {
		width:80%;
	}
	#plx_team_section .simple_team_member .team_inner_simple .team_name_simple, 
	#plx_team_section .simple_team_member .team_inner_simple .team-social_simple {
		font-size: 15px;
	}
	#plx_team_section .simple_team_member .team_inner_simple .team-social_simple a {
		width:30px;
		height:30px;
	}
	#plx_team_section .simple_team_member .team_inner_simple:hover .team_name_simple {
		bottom:110px;
	}
	#plx_service_section .service_post_one .service-posts-wrap .service_image {
		display: none;
	}
	#plx_service_section .service_post_one .service-posts-wrap .service_title, 
	#plx_service_section .service_post_one .service-posts-wrap .services-excerpt-content {
		width:100%;
		text-align: center;
	}
}