/*
X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap
Small devices (landscape phones, 576px and up)
*/
@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

/* 
xs returns only a ruleset and no media query
sm applies to x-small devices (portrait phones, less than 576px)
*/
@media (max-width: 575.98px) {
	.footer .th-number-col .th-number{
		justify-content: flex-start;
		margin: 0;
    	padding: 0;
    	margin-bottom: 20px;
	}
	.footer-social-icon ul{
		display: flex;
	    margin: 0;
	    padding: 0;
	    flex-wrap: wrap;
	    gap: 10px;
	    justify-content: flex-start;
	}
	.footer .footer-social-icon{
		float: left;
	}
	.taskp-home-newsletter form button{
		position: relative;
		width: 100%;
		margin-top: 10px;
		margin-left: 6px;
		background-color: #5cb85c;
	}
	.reason-wrap .reason-content{
		padding: 10px;
		margin-bottom: 10px;
	}
	.taskp-contact .taskp-help-link {
	    margin: 3em 0 2em 0;
	    padding: 0;
	}
	.footer .before-footer-content > div{
		padding: 2em 1em;
	}
	.taskp-contact .taskp-contact-form{
		padding: 10px;
	    box-shadow: unset;
	}
	.taskp-site-access{
		padding: 10px;
	}
	.search-btn-ticket{
		width: 100%;
        margin: 10px 0px;
        padding: 10px 0px;
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
        font-size: 20px;
        font-weight: 500;
        font-family: 'Nunito';
	}
	.ticket-single-wrap .comment.byuser .ticket-replay-content{
		padding: 10px;
	}
	.ticket-single-wrap .comment.byuser .ticket-replay-header{
		padding: 10px;
	}
	.ticket-replied-information .list-reply-info li.last-reply-author .inline{
		text-align: right;
	}
	.woocommerce-MyAccount-navigation ul li{
		width: 100%;
	}
	.woocommerce-MyAccount-navigation ol{
		padding-top: 15px;
	}
	.woocommerce-cart .taskp-shop-cart .shop_table tbody .cart-collaterals .cart_totals .taskp-cart-total-wrap{
		padding: 15px 15px;
	}
	.woocommerce-cart .taskp-shop-cart .shop_table tbody .cart-collaterals .cart_totals .taskp-cart-total-wrap table th, .woocommerce-cart .taskp-shop-cart .shop_table tbody .cart-collaterals .cart_totals .taskp-cart-total-wrap table td {
    	vertical-align: middle;
    	background: #fff;
    	border-bottom: 0;
        border-top: 0;
        border-color: unset;
        padding: 10px 0px;
        border-width: 0;
	}
	.woocommerce-cart .taskp-shop-cart .shop_table tbody > tr > td.actions .coupon .input-text{
		width: 50% !important;
	}
	.woocommerce-cart .taskp-shop-cart .shop_table .product-subtotal{
		padding-right: 15px;
	}
	.woocommerce-cart .taskp-shop-cart .shop_table tbody > tr > td{
		padding: 15px 10px;
	}
	.woocommerce-checkout .order-review-wrapper{
		padding-left:0;
	}
	body.woocommerce-checkout .page-content {
    	background: #fff;
	}
	.woocommerce-checkout .woocommerce-billing-fields{
		padding-right:0;
	}
	.woocommerce-account .taskp-my-account-wraper .woocommerce-MyAccount-content{
		border: 0; 
    	padding: 0;
	}
	.woocommerce-account .taskp-my-account-wraper .woocommerce-table__product-name a{
		font-size: 1em;
	}
}

/* md applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}

/* lg applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/* xl applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/* xxl applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {

}
/*
For example the @include media-breakpoint-only(md) { ... } will result in :
*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* Apply styles starting from medium devices and up to extra large devices */
@media (min-width: 768px) and (max-width: 1199.98px) { ... }