/******************************

INDEX:

******************************/

body {
    overflow: visible;
    overflow-x: hidden;
}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

@media (max-width: 1400px){
	/*=== Homepage-02 ===*/ 
	.tab_section .container{
		padding: 0;
	}
	.pf-sortable-col_4 .pbmit-element-posts-wrapper.row{
		margin: inherit;
		gap: 0;
	}
}

@media (max-width: 1366px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-left: 30px !important;
		padding-right: 30px !important;
    }
	
	
}

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

@media (min-width: 1201px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1424px;
    }
	
}

@media (min-width: 1200px){
	
}	

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

@media(max-width: 1200px) {
    /* .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: none;
    }
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-right: calc(var(--bs-gutter-x) * .8);
		padding-left: calc(var(--bs-gutter-x) * .8);
	}  */
	
}

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

@media(max-width:820px){

}

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

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




@media(max-width:767px) {
	/* ===============common====================== */
	h1{
		font-size: 30px;
    line-height: 36px;
	}
	p {
		margin: 0 0 0px;
		font-size: 12px;
	}
	h6{
		font-size: 12px;
		line-height: 21px;
	}
	h4 {
		font-size: 20px;
		line-height: 40px;
		letter-spacing: 0px;
	}
	h5{
		line-height: 20px;
	}
	/* ============================nav====================== */
	.logo {
		padding-left: 0px;
		width: 155px;
	}
	/*========================banner======================*/
	.banner-text {
		padding-top: 25px;
		padding-left: 15px;
		padding-right: 0px;
	}
	.banner-text h6{
		padding-bottom: 12px;
	}
	#banner{
		padding-bottom: 30px;
	}
	.comm_button {
		
		font-size: 12px;
	
		padding: 7px 15px 7px 15px;
		
	}
	.banner-img{
		height: 50vh;
	}
	/* =========================advertise==================== */
	.ad_box {
		background:none;
		background-image: none !important;
		background-color:#20ae4b;
		height: 260px;
		background-repeat: no-repeat;
	}
	.ad_content {
		position: absolute;
		top: 12%;
		left: 40px;
	}
	.ad_text p {
		color: #ffffff;
		float: left;
		width: 100%;
		font-size: 15px;
	}
	#advertising {
		height: auto;
	}
	.ad_button {
		position: absolute;
		top: 100%;
		margin-top: 60px;
	}
	/* ===============================testimonial=========================== */
	.test_ab{
		display:none ;
	}
	#testimonial{
		background-color: #028835;
		padding: 20px 0px;

	}
	#testimonial .title {
		padding-top: 0px;
	}
	.testimonial .description {
		font-size: 12px;
		letter-spacing: 0px;
		color: #6f6f6f;
		line-height: 20px;
		margin-bottom: 15px;
	}
	.testimonial .title_s {
		font-size: 15px;
	}
	.testimonial .post {
		font-size: 13px;
	}
	.owl-theme .owl-controls .owl-page.active span {
		background: #ffffff !important;
		border-color: transparent;
	}
	.owl-theme .owl-controls{
		margin-top: 0px !important;
	}
	.owl-theme .owl-controls .owl-page span {
		display: block;
		width: 20px !important;
		height: 10px !important;
	}
	/* ========================stories=============================== */
	.ag-filter-cat-block {
		padding: 60px 0 0px;
	}
	#stories {
		/*height: 100vh;*/
		height:60vh;
		padding: 20px 0px;

	}
	/* ========================brands================================= */
	.carousel-control-next {
		left: 9%;
	}
	#brands {
		height: auto;
		padding: 0px 0px 30px 0px;
	}
	#news_section {
		background-color: #000000;
		height: 70vh;
	}
	/* ==========================faq==================== */
	#faq {
		padding: 20px 0px 30px 0px;
	}
	.accordion button{
		font-size: 11px;
	}
	.accordion button .icon{
		width: 0px;
	}
	.accordion .accordion-content p {
		font-size: 11px;
		font-weight: 300;
		margin: 0 0;
	}
	/* =======================contact-form=============== */
	.contact-form {
		border-radius: 0px;
	}
	/* ========================footer==================== */
	#footer {
		
		padding: 20px;
	}
	#footer li i{
  padding-right: 5px;
  font-size: 13px;
  display:none;
}
#footer li {
    color: #000;
    font-size: 12px;
    padding-top: 8px;
}
	.f_link {
		padding-top: 5px;
		/*text-align: center;*/
	}
	.f_icons a {
		padding: 6px;
		font-size: 19px;
	}
	.f_logo{
		/*text-align: center;*/
	}
	.f_icons{
		/*text-align: center;*/
		padding-left: 0px;
		padding-top: 0px;
	}
	/* =====================about-page================== */
	.ab_card {
		border-radius: 24px;
		margin: 10px;
	}
	.grey {
		padding-left: 20%;
	}

	.b_img{
		display: none;
	}
	/* =====================stories-page================= */
	#stories_section {
		/*height: 70vh;*/
		height:44vh;
	}
	.st_b {
		border: 0px solid #A9A9A9;
	}
	/* =============================contact-us============= */
	.catogery-list{
		width: 100%;
	}
	.products{
		width: 100%;
	}
	.products > .sports,.products > .clothes,.products > .acc {
		display: inline-block;
		width: 100%;
	}
    .dis_head h3 {
		font-size: 37px;
	}
	/* =======================news-page==================== */
	.news_card_title {
		color: #000000;
		line-height: 19px;
		font-size: 14px;
	}
	.news_card_text {
		color: #028835;
		font-size: 10px;
	}
	/* =========================media-page================ */
	.media_card{
		margin: 10px;
	}
	.s_form {
		margin-bottom: 20px;
	}
	.option_form {
		display: flex;
		flex-direction: column;
	}
}







@media (max-width: 485px){
	/* ===============common====================== */
	h1{
		font-size: 30px;
    line-height: 36px;
	}
	p {
		margin: 0 0 0px;
		font-size: 12px;
	}
	h6{
		font-size: 12px;
		line-height: 21px;
	}
	/*========================banner======================*/
	.banner-text {
		padding-top: 25px;
		padding-left: 15px;
		padding-right: 0px;
	}
	.banner-text h6{
		padding-bottom: 12px;
	}
}

@media (max-width: 400px){
	/* ===============common====================== */
	h1{
		font-size: 30px;
    line-height: 36px;
	}
	p {
		margin: 0 0 0px;
		font-size: 12px;
	}
	h6{
		font-size: 12px;
		line-height: 21px;
	}
	/*========================banner======================*/
	.banner-text {
		padding-top: 25px;
		padding-left: 15px;
		padding-right: 0px;
	}
	.banner-text h6{
		padding-bottom: 12px;
	}
}

@media (max-width: 375px){
	/* ===============common====================== */
	h1{
		font-size: 30px;
    line-height: 36px;
	}
	p {
		margin: 0 0 0px;
		font-size: 12px;
	}
	h6{
		font-size: 12px;
		line-height: 21px;
	}
	/*========================banner======================*/
	.banner-text {
		padding-top: 25px;
		padding-left: 15px;
		padding-right: 0px;
	}
	.banner-text h6{
		padding-bottom: 12px;
	}
}

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

@media (max-width: 1024px) and (min-width: 992px){
	
}

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

@media screen and (min-width: 992px){
	
}

@media(min-width: 1025px) and (max-width: 1290px){
	
}

@media (min-width:1201px) and (max-width:1370px){
	
}

@media (min-width:1200px) and (max-width:1366px){
	
}

@media (min-width:992px) and (max-width:1199px){
	
}

@media (min-width: 991px) and (max-width: 1200px) {
	/* =============================contact-us============= */
	.catogery-list{
		width: 100%;
	}
	.products{
		width: 100%;
	}
	.products > .sports,.products > .clothes,.products > .acc {
		display: inline-block;
		width: 100%;
	}
}

@media (min-width:768px) and (max-width:1024px){
	/* ======================nav======================= */
	.logo {
		padding-left: 0px;
		width: unset;
	}
}

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

@media(min-width:767px) and (max-width:991px){
	/* =============================contact-us============= */
	.catogery-list{
		width: 100%;
	}
	.products{
		width: 100%;
	}
	.products > .sports,.products > .clothes,.products > .acc {
		display: inline-block;
		width: 100%;
	}
	/* ===============brand=========================== */
	
	
}

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

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

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

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