@charset "utf-8";
@media(max-width: 1400px){
    .fn__blog_date{
        padding: 30px 30px 0;
    }
    .fn__blog_item .title_holder{
        padding: 30px;
    }
    .fn__blog_item .img_holder{
       padding-bottom: 150%;
    }
    .container{padding: 0 30px;}
}
@media(max-width: 1200px){
    .fn__pnb_wrapper,
	.fn__post_comment{
		margin-bottom: 100px;
	}
}
@media(max-width: 1040px){
    body{
		overflow: hidden;
	}
	.fn__about_page{
		flex-direction: column;
		gap: 0;
	}
	.fn__about_page .about_left{
		max-width: 600px;
        width: 100%;
	}
	.fn__about_page .about_right{
		width: 100%;
        padding-left: 0;
	}
    .stocked_fn_tags_page .fn__authors_list .list_item{
        width: 33.3333%;
    }
    .fn__authors_list .list_item{width: 50%;}
    .container{padding: 0 20px;}
    #stocked_fn_header{display: none;}
    .stocked_fn_mobnav{display: block;}
    .fn__blog_date{
        padding: 20px 20px 0;
    }
    .fn__blog_item .title_holder{
        padding: 20px;
    }
    .fn__blog_item .img_holder{
       padding-bottom: 100%;
    }
    .fn__blog_list .blog_item{
        width: 50%;
    }
    .fn__btn.extra{
        height: 50px;
        line-height: 50px;
        padding: 0 40px;
        font-size: 18px;
        border-radius: 34px;
    }
}
@media(max-width: 768px){
    .fn__accordion_item .accordion_header{
        padding-left: 20px;
        padding-right: 20px;
    }
    .fn__accordion_item .fn__title{
        font-size: 18px;
    }
    .fn__accordion_item .accordion_content{
        padding: 25px 20px 24px;
    }
    .fn__single_top .post_title{
        font-size: 36px;
    }
	.stocked_fn_social .fn__svg{
        width: 16px;
        height: 16px;
    }
	.stocked_fn_social a{
        width: 40px;
        height: 40px;
    }
    .fn__account_details{
        padding: 0 20px;
    }
	.fn__author_info{
		flex-direction: column;
		align-items: flex-start;
	}
    .fn__author_info .left_part{
        margin-right: 0;
        margin-bottom: 30px;
    }
    .fn__edu .item_years{
        width: 180px;
    }
    .fn__edu .item_years .text{
        padding: 0 15px;
    }
    .fn__details .label,
    .fn__details .value{
        font-size: 16px;
    }
    .fn__author_info .desc,
    .fn__about_page .desc p{
        font-size: 18px;
    }
    .fn__social_info{
        gap: 10px;
    }
    .stocked_fn_social{
        gap: 5px;
    }
    .fn__details .label{
        flex: 0 0 150px;
        width: auto;
    }
    .fn__testimonials blockquote{
        padding: 20px;
        font-size: 16px;
    }
	.fn__pricing_tables .pt_list_item{
		width: 100%;
		width: calc(100% + 2px);
	}
	.fn__pricing_table_item{
		padding: 20px;
	}
    .stocked_fn_tags_page .fn__authors_list .list_item{width: 50%;}
    .stocked_fn_pagetitle .title{font-size: 36px;}
    .stocked_fn_pagetitle .desc{
        font-size: 18px;
    }
    .fn__authors_list .list_item{width: 100%;}
    .fn__tag_item{padding: 20px;}
    .stocked_fn_footer_copyright .fc_right{
        justify-content: space-between;
    }
    .stocked_fn_footer_copyright .fn__icon{
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    .fn__subscribe{
        flex-direction: column;
    }
    .fn__subscribe .fn__submit{
        border-radius: 25px;
    }
    .fn__subscribe input[type="email"]{
        border-radius: 25px;
        text-align: center;
    }
    .stocked_fn_footer_copyright .footer_copyright{
        flex-direction: column;
    }
    .stocked_fn_mobnav .mob_top .fn__icon{
        width: 40px;
        height: 40px;
    }
    .fn__404 .title{font-size: 100px;}
    .fn__404 .subtitle{font-size: 40px;}
    .fn__blog_item{
        overflow: hidden;
    }
    .fn__blog_list .blog_item{
        width: 100%;
    }
    
	.fn__pnb:after{
		margin: 0;
		width: 100%;
		height: 1px;
		top: 50%;
		left: 0;
		right: 0;
		bottom: auto;
	}
	.fn__pnb{
		flex-direction: column;
	}
}
@media(max-width: 480px){
    .fn__account_details .details_header{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .fn__account_details .details_content li{width: 100%;}
    .stocked_fn_tags_page .fn__authors_list .list_item{width: 100%;}
    .container{padding: 0 10px;}
    .fn__blog_date{
        padding: 10px 10px 0;
    }
    .fn__blog_item .title_holder{
        padding: 20px 10px;
    }
}
@media(max-width: 320px){
    .fn__blog_item .img_holder{padding-bottom: 150%;}
}