@media only screen and (min-width: 991px) and (max-width: 1199px) {
    #filter {
        width: 188px;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1104px){
    .cta-section {
        max-width: 0%;
    }
    .country_col{
        position: absolute;
        margin-left: -108px;
        top: 20px;
    }
    .verify_col {
        margin-left: -204px;
        top: 20px;
    }
    #btn{       
        position: absolute;
        margin-top: 100px;
    }
    #horosRArea .col-3 {
        width: 24%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    body{
        background: #2A230B;
    }
    #sidebar_main{
        width: 83%;
    }
    .sidebar_main{
        width: 83%;
    }
    .sidebar-sticky{
        height: 140px;
    }
    #home1,#home2,#footer{
        display: none;
    }
    .homeLoad{
        width: 100%;
    }
    #looking{
        display: inline!important;
        background: #2A230B;
        color: #FFFFFF;
        width: 195px;
        height: 38px;
        margin-left: 10px;
        margin-bottom: 10px;
        border-radius: 20px;
        border: 1px solid #DAA520;
    }
    #offcanvasBothOptions{
        margin-top: 150px;
        overflow: scroll;
    }
    #content h2{
        color: white;
    }
    #single_add_head .text-section{
        max-width: 58%;
    }
    #singleAddImage {
        width: 100%;
    }
    #singleAddImage .col {
        width: 25%;
    }
    #singleAddImage #uploadImage {
        max-width: 106px;
        height: 95px;
        padding: 5px;
    }
    #singleAddImage #uploadImage #img {
        width: 95px;
        height: 85px;
    }  
    #pArea {
        width: 30%;
    }
    #register .col-sm-2 {
        width: 34%;
    }
    #register .col-3 {
        width: 33%;
    }
    #horoscopeArea {
        width: 67%;
    }
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
    body{
        background: #2A230B;
    }
    .card {
        font-size: 0.7em;
    }
    .second-text-section{
        margin-top: 22px;
    }
    .cta-section {
        max-width: 0%;
    }
    .cta-section span{
        font-size: 10px;
    }
    .cta-section img{
        margin-left: -14px;
        height: 14px;
        width: 15px;
    }
    .card #img {
        margin-top: 50px;
    }
    #btn{
        font-size: 9px;
    }
    .sidebar-sticky{
        height: 140px;
    }
    #home1,#home2,#footer{
        display: none;
    }
    #looking{
        display: inline!important;
        background: #2A230B;
        color: #FFFFFF;
        width: 195px;
        height: 38px;
        margin-left: 10px;
        margin-bottom: 10px;
        border-radius: 20px;
        border: 1px solid #DAA520;
        font-size: 15px;
    }
    #offcanvasBothOptions{
        margin-top: 150px;
        overflow: scroll;
    }
    #content h2{
        color: white;
    }
    .homeLoad{
        margin-left: -27px;
        width: 115%;
        max-width: 115%;
    }
    #name_format,#age_format{
        position: absolute;
        left: 7px;
    }
    #age_format{
        top: 36px;
    }
    #ethni_pos{
        margin-top: 45px;
    }
    .verify_col {
        margin-left: -134px;
        top: 20px;
    }
    .country_col{
        position: absolute;
        margin-left: -76px;
        top: 20px;
    }
    #btn{       
        width: 68px;
    }
    #single_add_head #age_format {
        top: 40px;
    }
    #single_add_head .text-section {
        max-width: 100%;
        margin-left: -30px!important;
    }
    #single_add_head .card #img {
        max-width: 32%;
    }
    #interested {
        width: 134px;
        height: 25px;
        font-size: 9px;
    }
    #single_add_head .verify_col {
        margin-left: -42px;
        top: 6px;
    }
    #dCon .col-sm-4 {
        width: 45%;
    }
    #dCon .col-sm-8 {
        width: 55%;
    }
    #dCon .col-sm-4 h6 {
        font-size: 11px;
    }
    #dCon .col-sm-8 h6 {
        font-size: 11px;
    }
    #singleAddImage {
        width: 100%;
    }
    #singleAddImage .col {
        width: 34%;
    }
    #singleAddImage #uploadImage {
        height: 110px;
        max-width: 112px;
    }
    #horoscopeImage #uploadImage {
        height: 110px;
        max-width: 112px;
    }
    #img {
        width: 100px;
        margin-top: 0px;
    }
    .img-area {
        height: 98px;
        width: 99px;
    }
    #horosRArea .col-3 {
        width: 40%;
    }
    #gArea{
        width: 37%;
        margin-left: 6px;
    }
    #pArea {
        width: 33%;
    }
    #gArea2{
        width: 35%;
    }
    #personArea{
        width: 22%;
    }
    #sectionThreeCon, #sectionTwoCon {
        display: flex;
        text-align: end;
    }
    #register .col-sm-2 {
        width: 50%;
    }
    #register .img-area{
        height: 105px;
        width: 117px;
    }
    #accept label {
        font-size: 10px;
    }
    #horoscopeArea{
        width: 65%;
    }
    #editFormMain input {
        font-size: 11px;
        height: 22px;
        padding: 0;
    }
    #editFormMain select {
        font-size: 11px;
        height: 22px;
        padding: 0;
    }
    #dCon textarea {
        font-size: 11px;
        height: 30px;
        padding: 0;
    }
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
    body{
        background: #2A230B;
    }
    .card {
        font-size: 0.6em;
    }
    .second-text-section{
        margin-top: 22px;
    }
    .cta-section {
        max-width: 0%;
    }
    .cta-section span{
        font-size: 10px;
    }
    .cta-section img{
        margin-left: -14px;
        height: 14px;
        width: 15px;
    }
    .card #img {
        margin-top: 50px;
    }
    #btn{
        font-size: 9px;
    }
    .sidebar-sticky{
        height: 140px;
    }
    #home1,#home2,#footer{
        display: none;
    }
    #looking{
        display: inline!important;
        background: #2A230B;
        color: #FFFFFF;
        width: 195px;
        height: 38px;
        margin-left: 10px;
        margin-bottom: 10px;
        border-radius: 20px;
        border: 1px solid #DAA520;
        font-size: 15px;
    }
    #offcanvasBothOptions{
        margin-top: 150px;
        overflow: scroll;
    }
    #content h2{
        color: white;
    }
    .homeLoad{
        margin-left: -37px;
        width: 128%;
        max-width: 128%;
    }
    #name_format,#age_format{
        position: absolute;
        left: 7px;
    }
    #age_format{
        top: 36px;
    }
    #ethni_pos{
        margin-top: 45px;
    }
    .verify_col {
        margin-left: -118px;
        top: 20px;
    }
    .country_col{
        position: absolute;
        margin-left: -68px;
        top: 20px;
    }
    #btn{       
        position: absolute;
        margin-top: 95px;
    }
    #single_add_head #age_format {
        top: 36px;
        font-size: 12px;
    }
    #single_add_head #name_format{
        font-size: 18px;
    }
    #single_add_head .text-section {
        max-width: 108%;
        margin-left: -30px!important;
    }
    #single_add_head .card #img {
        max-width: 32%;
    }
    #interested {
        width: 117px;
        height: 25px;
        font-size: 9px;
    }
    #single_add_head .verify_col {
        margin-left: -42px;
        top: 6px;
    }
    #dCon .col-sm-4 {
        width: 45%;
    }
    #dCon .col-sm-8 {
        width: 55%;
    }
    #dCon .col-sm-4 h6 {
        font-size: 11px;
    }
    #dCon .col-sm-8 h6 {
        font-size: 11px;
    }
    #singleAddImage {
        width: 100%;
    }
    #singleAddImage .col {
        width: 34%;
    }
    #singleAddImage #uploadImage {
        max-width: 90px;
        height: 100px;
    }
    #horoscopeImage #uploadImage {
        max-width: 90px;
        height: 100px;
    }
    #img {
        width: 77px;
        margin-top: 0px;
    }
    .img-area {
        height: 87px;
        width: 77px;
    }
    #singleAddImage #uploadImage #img {
        width: 77px;
    }
    #gArea {
        width: 35%;
    }
    #gArea2 {
        width: 32%;
    }
    #pArea {
        width: 30%;
    }
    #personArea {
        width: 18%;
    }
    #sectionThreeCon, #sectionTwoCon {
        display: flex;
        text-align: end;
    }
    #register .col-sm-2 {
        width: 50%;
    }
    #uploadImage {
        max-width: 105px;
        height: 98px;
    }
    #register .img-area{
        height: 85px;
        width: 92px;
    }
    #horosRArea .col-3 {
        width: 40%;
    }
    #accept label {
        font-size: 8px;
    }
    #editFormMain input {
        font-size: 11px;
        height: 22px;
        padding: 0;
    }
    #editFormMain select {
        font-size: 11px;
        height: 22px;
        padding: 0;
    }
    #dCon textarea {
        font-size: 11px;
        height: 30px;
        padding: 0;
    }
}