/*.categoryp .black-box{
	padding-right: 95px;
}*/
.categoryp .black-box p{
	font-size: 22px;
}

#myBtn, .anchor_link{
	color: #476cb5;
    padding: 0;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 500;
    border: none;
    width: 40%;
	text-decoration: underline;
	cursor: pointer;
}

#main-sec {
    overflow: hidden!important;
}
#category-container{
	padding: 50px 110px; 
}
.categoryimg{
	margin-top:30px;
}
#category-container .category-div{
	margin-top:50px;
}
#category-container ul{
	margin-left: -20px;
}
#category-container ul li a{
	color: #000;
	text-decoration: none;
}
#category-container ul li::before{
	color: #000 !important;
}
#category-container h4{
	color:#496DB7;
}

@media only screen and (max-width: 1600px){
/*	.categoryp .black-box{
	padding-right: 50px;
}*/
	.categoryp .black-box p{
	font-size: 18px;
}
	#category-container{
	padding: 30px 80px; 
}
}
@media only screen and (max-width: 1600px){
	#category-container h4 {
		font-size:20px!important;
	}
}
@media only screen and (max-width: 1025px){
	.categoryp .black-box{
	padding-right: 0px;
}
	#category-container{
	padding: 10px 20px; 
}
	#category-container .category-div{
	margin-top:30px;
}
}
@media only screen and (max-width:991px){
	#category-container h4 {
		font-size: 18px;
	}
}
@media only screen and (max-width:767px){
	.categoryp .black-box p{
	font-size: 14px;
}
	#category-container ul li a{
		font-size: 14px;
	}
	.head_desk{
		display: none;
	}
	.head_mobile{
		display: block;
	}
	#myBtn{
		display: inline;
	}
}
@media only screen and (min-width:767px) {
	.head_desk{
		display: block;
	}
	.head_mobile{
		display: none;
	}
	#myBtn{
		display: inline;
	}
}
@media only screen and (max-width:575px){
	#category-container h4 {
		font-size: 16px;
	}
	.cat {
    margin-right: 102px!important;
}
}

/*@media only screen and (max-width:450px){
	#category-container .category-div.col-6{
		display: grid;
		justify-items: center;
		width: 100% !important;
		max-width: 100%;
		flex:0 0 100%;
	}
	#category-container ul {
		margin-left:-30px;
	}
}*/

/*================category page css start==========================*/
h1.h1 {
    font-size: 30px!important;
    padding-bottom: 20px;
}
.space-box1 {
     padding: 0px 58px 35px 58px !important;
}
.cat {
    padding-left: 10px;
}
header p {
    font-weight: 400;
    font-size: 18px!important;
    color: #616976!important;
    line-height: 30px;
    text-align: left;
}
article.black-box.box1 {
    padding: 0 50px 0 30px;
}
.categoryimg {
    margin-top: 10px;
    box-shadow: 3px 3px 32px #e7e7e7;
   width: 100%;
   object-fit: cover;
}
#category-container {
    padding: 0!important;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
   margin-left: 74px;
}
.content {
    height: auto;
    width: 21%;
    color: #fff;
    font-size: 24px;
    line-height: 100px;
    text-align: center;
    margin: 30px;
    display: block;
}
.box1 .content{
	display: block;
}

#loadMore {
  width: 200px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: #496DB7;
  transition: .3s;
}

.noContent {
  color: #fff !important;
  background-color:#496DB7!important;
  pointer-events: none;
}
.blackbox-mobile, .blackbox-tablet{
	display: none;
}
#more,#more1 {display: none;}
/*-------card css------------*/
.card-body {
    padding: 10px!important;
}
img.card-img-top {
    width: 100%;
    height: auto;
    object-fit: cover;
}

h4.card-title {
	color: #476cb5!important;
    font-size: 24px!important;
    font-weight: 500;
    line-height: 27px;
}
h3.card-title {
	color: #476cb5!important;
    font-size: 24px!important;
    font-weight: 500;
    line-height: 27px;
}
p.card-text {
    font-weight: 400;
    font-size: 18px;
    color: #616976!important;
    line-height: 25px;
    text-align: left;
}
.card-footer {
    background: none;
    border-top: none;
}
.price {
    font-weight: 700!important;
    color: #476cb5!important;
    font-family: arial;
    padding-bottom: 20px;
    font-size: 24px;
    width: 40%;
    float: left;
    text-align: left;
    padding-left: 10px;
}
.button a {
    background: #476cb5;
    color: #fff;
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    width: 60%;
}
.card {
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 0;
}
.offer {
    position: absolute;
    padding: 3px 10px;
    top: 10px;
    left:0px;
    width: 200px;
    height: 40px;
}
.offer p {
    margin-bottom: 0px;
    color: #fff;
    font-size: 16px!important;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: -32px;
}
.button {
    text-align: right;
    padding-right: 10px;
}
.card-footer {
    padding: 0 10px!important;
}
.card-body {
    padding: 10px!important;
    height: 220px;
}
/*----------accordion css---------------*/
.container-fluid.accordions {
    padding: 50px 80px;
}

button.accordion {
    font-size: 16px;
    position: relative;
    color: #496DB7;
    font-weight: 500;
    border: 1px solid rgba(215, 215, 215, 1);
    background: linear-gradient(#f9f9f9, #fff,#fff, #f9f9f9);
    padding-right: 70px;
}
.panel {
    font-weight: 400;
    font-size: 15px;
    color: #616976!important;
}

.accordion {
  background:  #fff;
  border: 1px solid rgba(215, 215, 215, 1);
  border-radius: 4px!important;
  color: #444;
  cursor: pointer;
  padding: 14px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-top:12px;
}
.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    color: #496DB7;
    border: 2px solid #496DB7;
    padding: 2px 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 7px;
}
.accordion.active:after{
	content: "\2212";
}


.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-top: 0!important;
  border: 1px solid rgba(215, 215, 215, 1);
  margin-top: -3px;
  border-radius: 4px; 
}
.panel p {
    padding: 10px;
}
/*================category page css end==========================*/

/*=============media query=================*/
@media only screen and (max-width:2500px) and (min-width:1921px){
.space-box1 {
    padding: 50px 85px!important;
}
.cat {
    padding-left: 40px!important;
}
}
@media only screen and (max-width: 1660px) {
img.card-img-top {
    width: 100%;
    height: auto;
    /*object-fit: cover;*/
}
p.card-text, .card-footer p{
    font-size: 15px!important;
}
.offer {
    top: 10px;
    left: 0px;
    width: 170px;
    height: 36px;
}
.offer p {
    font-size: 15px!important;
    margin-top: -35px;
}
.button a {
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px!important;
    width: 50%;
}
.content {
    width: 23%;
    margin: 30px 10px;
}
article.black-box.box1 {
    padding: 0px; 
}
.cat {
    margin-left: 30px!important;
}
}

@media only screen and (max-width: 1380px) {
	.content {
    width: 28%;
    margin: 30px 15px;
}
}
@media only screen and (max-width: 1024px) {
h4.card-title {
    font-size: 16px!important;
	line-height: 25px;
}
.flex {
    margin-left: 25px;
}
.content {
    width: 30%;
    margin: 30px 15px;
}
.card-body {
    padding: 10px!important;
    height: 220px;
}


p.card-text, .card-footer p{
    font-size: 14px!important;
    line-height: 24px!important;
}
.card-footer {
    padding: 10px 10px!important;
    padding-bottom: 20px!important;
}
.button a {
    padding: 7px 15px;
    border-radius: 50px;
    font-size: 10px!important;
    width: 50%;
}
.card-footer span {
    font-size: 12px!important;
}
.header-row {
    padding-bottom: 0;
}
.cat {
    margin: 10px 10px!important;
}
.space-box1 {
    padding: 20px 40px!important;
}
.top-right-icon {
    margin-top: 13px!important;
}
img.card-img-top {
    width: 100%;
    height:auto;
    object-fit: cover;
}
.blackbox-tablet{
	display: block;
}
.blackbox-desktop, .blackbox-mobile{
	display: none;
}
a#read {
    color: #496DB7;
    font-weight: 600;
}
.tab-left{
	width:50%;
	float:left;
}
.tab-right{
	width:50%;
}
.blackbox-tablet {
    display: flex;
}
}
@media only screen and (min-width:991px) {
.footer-adress1.col-lg-4.col-md-12 {
    max-width: 33%!important;
}
}
@media only screen and (max-width:894px) {
.content {
    width: 45.5%;
    margin: 30px 15px;
}
.card-body {
    padding: 10px!important;
    height: 200px;
}

}
@media only screen and (max-width: 767px){
.content {
    width: 70%;
    margin: 30px 15px;
}
.card-body {
    padding: 10px!important;
    height: auto;
}
.flex {
    display: flex;
    justify-content: center;
    margin-left:0px;
}
.container-fluid.accordions {
    padding: 50px 20px;
}
div#accordion .card-header.collapsed {
    margin: 7px 0;
    padding: 7px!important;
}
div#accordion a.card-title {
    font-size: 14px;
}
div#collapseOne p {
    font-size: 13px;
    line-height: 22px;
}
.cat {
    margin-left: 30px;
}
h1.h1 {
    padding-bottom:0px;
	font-size:28px;
}
.top-right-icon {
    margin-top: -11px!important;
}
.blackbox-mobile{
	display: block!important;
}
.blackbox-desktop, .blackbox-tablet{
	display: none!important;
}
a#myBtn {
    color: #496DB7;
    font-weight: 600;
}
}
@media only screen and (max-width: 460px){
article.black-box {
    padding: 0;
}
.content h2 {
    font-size: 26px;
}
.content {
    width: 90%;
}
div#accordion a.card-title {
    font-size: 12px;
}
.cat {
    margin-left: 0!important;
    padding-left: 0!important;
}
.space-box1 {
    padding: 10px 10px 50px 10px!important;
}
}
@media only screen and (max-width: 420px) {
p.breadcrumbs.p2.cat {
    margin-right: 76px!important;
}
}