*{outline:none !important  }
.upload-button {font-size:30px; }
.clfilter{display:none}
.mfilter{display:none;}
body{outline:none}
.radioblock > label > input{width:auto }
/*Testimonmial css */
.pencilicon {
    font-size: 16px ;
    color: gray;
}

.morestories {
    color: #fff;
    text-decoration: none !important;
}
.morestories:hover{color:bisque;}
.contactus:hover{color:bisque;text-decoration: none !important;}
#reportissue:hover{
    text-decoration:none;
    color:bisque;
}
.datestampleft {text-align:right; color:#888 }

.ast-small-footer {
    padding: 10px 0px;}
.datestampright {color: #888;}
.userimages{background-size: contain;background-position:top;}
#testimonial{background:#fff;padding:60px 0  }
.testi-div{max-width:1200px; margin:auto;display:flex;flex-direction: column;   }
.testi-sec2 .txt{font-size:15px; color:#888 }
.testi-sec2 .txt::after{
    content:''; 
    font-size:15px ;
    background:url(../images/quotation-marks-down.png);
    background-repeat:no-repeat; 
    padding: 10px;
    background-size: contain;
    position: relative;
    top: 10px;
    left: 10px;
}
.testi-sec2 .txt::before{
    content:''; 
    font-size:15px ;
    background:url(../images/quotation-marks-upper.png);
    background-repeat:no-repeat; 
    padding: 10px;
    background-size: contain;
    position: relative;
    top: 10px;
    left: -10px;
}
.testi-div > .row{margin-bottom:45px }
.testi-sec1 > div{padding:5px; border:2px solid white }
/* Flashing */
.testi-sec1 > div:hover img {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}

.testi-sec1 > div > img{/* min-height:280px; */max-height:280px;width:280px !important   }

@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}



/*Testimonmial css --END*/
#matchme{padding: 5px 20px; margin-top:15px }
.bottombuttons.signinrember > label > input{width:15px;position:relative;left:7px;margin-right:10px    }
#advancesearchby{color:#fff}
#searchby{color:#fff}
.reviewcontent {
    padding-left: 50px;
}
.fontlig .notc:hover {text-decoration:none }

body{padding-right:0px !important }


@media(min-width:0px) and (max-width:767px){

.aboutdiv > div > span {
    font-family: "GreatVibes";
    font-size: 20px;
}
.banner-title {
    color: 
    #fff;
    font-size: 14px;
}
.banner-name {
    font-size: 16px;
    font-weight: bold;
    color: 
    #efde8cc7;
}
.banner-car{
    height: 165px;
} 

::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.dot.active{background-color:#b6569c; }
.dot {

    height: 2px;
    width: 20px;
    margin: 0 2px;
    background:#073956;
    display: inline-block;
    transition: background-color 0.6s ease;

}
.block-main{padding:0 !important}

    #wrapper {

        margin-top:0px;

    }
    #backgroundimage.background > img{min-height:165px }

    .headertop {

        max-width: 100%;
        position: static;
        padding: 0 10px;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 99999;
        box-shadow: 0 8px 6px -6px gray;
        margin: 0;

    }


    .logincomponent{display:none}
    .logo-div > a {display:block }
    .logo{width:100% }
    .logo-div{width:80%;padding: 10px 0; }
    .searchcontainer {
        margin-top: 0;
        width:100% 
    }
    .topcontainer {
        padding-top: 0;
    }

#backgroundimage .topcontainer {position:static }


  
    .gender {font-size:14px;}
    .ageinput{font-size:14px; }
    .agefilter input {
        width: 26px;
        padding: 2px;
        color: #333;
        font-size: 14px;
        border-radius: 7px;
        border: 1px solid #e0e0e0;
    }
    .datestampleft {color:#fff}
    .mothertounguefilter{width:50%;display: inline-block;float: left;padding: 0 5px; }
    .castefilter{width:50%;display: inline-block;float: left;padding: 0 5px; }
    #mothertongueright1{width:100% }
    #caste{width:100% }
    .mothertounguefilter select, .castefilter select {
        padding: 1px;
        width: 210px;
        height: 30px;
        color: #333;
        font-size: 14px;
        border-radius: 10px;
        border: 1px solid #d0d0d0;
    }
    .searchbuttoncont {
        margin-top: 10px;
        clear: both;
        display: inline-block;
        width:100%; 
    }
    .searchbutton{
        padding: 3px 9px;
        font-size: 16px;
        display: table;
        margin: auto;
    }
    .topcontainer{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .mothertounguefilter{font-size:14px; }
    .castefilter{font-size:14px; }
    .select2-results__option {padding: 2px;font-size:12px; }
    #browser{display:none }
    #about{padding:0 15px; }
    .headerBrowse {font-size: 22px;padding-top:15px;margin-bottom:15px  }
    .abouttext p {
        padding: 10px 0px 25px 0px;
        font-size: 14px;}
    .commitedline {font-size:20px !important }
    .plan-block > ul > li {width:100%;margin-bottom:30px; }
    .block-main {padding:0;margin:0  }
    .plan-block{padding:0!important }
    .reviewenter {
        font-size: 18px;
        color: #fff;
        margin-bottom: 10px;
    }
    .contactsection {
        height: 200px;
        background-size: 100% 100%;
    }
    .contactus {
        margin-top: 15px;
    }
    .contactus {
        padding: 6px 10px;
        font-size: 14px;}
    .reviewsection {
        height: auto;
        display: block;
        margin-top: 0;
        padding-bottom:2px 
    }
    .reviewsection > .serviceslogan {
        margin-top: 0;
        font-size: 14px;
        float: right;
        margin-top: 50px;
    }
    .ast-small-footer {
        padding: 10px 15px;}
    .ast-small-footer {
        color: #476d80;
        font-size: 14px;
    }
    .sliderimages{height:120px;width:120px }
    .serviceslogan .contactus:hover{background:#000;text-decoration:none;color:#fff  }
    .footer-adv .widget{width:50%; display:inline-block; float:left; margin-bottom:15px;min-height: 115px;    }
    h2.widget-title {
        padding-bottom: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #fff;
        font-size:14px;
    }
    .textwidget > p{font-size:12px; }
    .footer-adv .ast-row{display:block }
    .footer-adv{display:table;width:100%  }
    #menu-footer > li > a{font-size:12px; }
    #menu-footer-menu > li > a{font-size:12px;}
    #browse{display:none }
    .ast-small-footer-content{font-size:12px;padding-top:0 }
    .ast-small-footer-content > span , .ast-small-footer-content > a {font-size:12px; }
    .bar-div{display:block; width:20%;  }
    .headertop{display:flex }
    .bar{
        height: 20px !important;
        float: right;
        transition:0.7s 
    }
    .bar-div:hover{opacity:0.4 }
    .mob-div{
        position: fixed;
        top: 0;
        background: #fff;
        height: 100%;
        width: 100%;
        z-index: 99999;
        right:-100%; 
        display:block; 
        transition:0.7s 
    }
    .mobody .mob-div{
        right:0%;
    }
    .mob-close{background:#343233;padding:15px 0px; }
    .mob-close > i {display:block;font-size:18px; color:#fff;padding-left:10px;    }

    .reviewcontent {
        padding-left: 0px;
    }
    #block{padding:0 15px }

    /*    .accordion_head {
            background-color: skyblue;
            color: white;
            cursor: pointer;
            font-family: arial;
            font-size: 14px;
            margin: 0 0 1px 0;
            padding: 7px 11px;
            font-weight: bold;
        }
    
        .accordion_body {
            background:#c584b3;
        }
    
        .accordion_body p {
            padding: 18px 5px;
            margin: 0px;
        }
    
        .plusminus {
            float: right;
        }
    .br-ul > li{list-style:none; font-size:15px;padding: 5px 15px;color: #fff;  }
    .br-ul{padding:0;margin:0;  }*/
    .browse-ul > li{list-style:none; }
    .datestampright {color:#fff;}

    .browse-ul > li > a {
        display: block;
        text-decoration: none;
        color: #b6569e;
        margin-bottom: 1px;
        padding: 5px 15px;
        border-bottom: 1px dashed #397598;
    }
    .browse-ul > li > a:hover {background:#8bc540;color:#fff }
    .lr-btn > ul > li{list-style:none;display:inline-block;width:100%;float:left;padding:0 15px; margin-bottom:5px;    }
    .lr-btn > ul{padding:0 0px;margin-top: 100px; }
    .lr-btn > ul > li > a{display:block;text-align:center; color:#fff;text-decoration:none;padding: 6px 0;border-radius: 16px;text-transform: uppercase;        }
    .lr-btn > ul > li:first-child > a{background:#397598;}
    .lr-btn > ul > li:last-child > a{background:#b6569e;}
    .stylesIconList {overflow-x:auto; }
    .stylesContent, .stylesProfileCreatedWapper {
        font-size: 14px;
    }
    .stylesPreferenceHeader {flex-wrap:wrap; flex-direction:column }
    .stylesPreferenceWrapper {width: 100%;}
    .userallabout > div{padding:0 }
    .userallabout{padding:0;margin-top: 30px; }
    .stylesCountWrapper {
        margin: 0;
        padding: 10px;
        background-color: #b6569c;
        border-radius: 50px;
        color: #fff;
        font-size: 14px;
        margin-top: 10px;
        display: table;
        margin: auto;
        margin-top: auto;
        margin-bottom: auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .stylesPhotoWrapper{
        display:table;
        margin:auto; 
    }
    .stylesPreferenceList {
        font-size: 12px;
    }
    .stylesTerm {
        color: #b6569c;
        font-size: 14px;
    }
    .stylesDetailTab{font-size:13px;width:50%;text-decoration:none  }
    .stylesTabLink {font-size:13px;width:50%;text-decoration: none !important;  }
    .publicprofilecontainer {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .stylesTabLink:hover{color:#fff }
    .publicaboutpart {padding-left: 0;padding: 0; }
    .publicabout {

        display: flex;
        flex-direction: column;

    }
    .stylesB {
        padding: 3px 5px;
        font-size: 12px;
    }
    .username {
        font-size: 20px;
        margin-left: 5px;
        border-bottom: 1px solid #ccc;
        width: 100%;
        color: #397598;
        font-weight: 400;
        margin-top:26px; 
    }
    .abouttable{border-right:none }
    .publicabout .useroptions {flex-direction:row }
    .publicabout .useroptions .glyphicon {
        padding: 10px;
        font-size: 22px;
    }
    .imagepart .owl-item {
        height: 140px;
    }
    .userimages {

        height: 132px;
        background-size: contain;
    }
    .imagepart {
        height: 140px;
        z-index: 2;
        margin-left:0px;
        width:100%;
        display: inline-block;
        position: static;
        margin-top: 10px;
    }
    .imagepart.owl-theme .owl-controls {
        position: static;
        width: 50%;
        margin: auto;
        bottom: 10px;
        padding-top: 2px;
        z-index: 10;
        height: 20px;
        border-radius: 5px;
        left: 25%;
        background-color: rgba(0, 0, 0, 0.9);

    }
    .well > .username{margin-top:0 }
    #p-imgupload{
        width: 120px;
        height: 120px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-bottom: 20px;
        display: table;
        margin: auto;
    }
    .imgcirclecontainer {
        width:200px;
        height: 120px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        margin-top: 10px;
    }
    .p-image {

        position: absolute;
        bottom: 5px;
        right: 50px;
        top:unset;
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);

    }
    .well {padding:10px; }
    .upload-button {
        font-size: 20px;
    }
    .bodycontent{display: flex;overflow-x: auto;flex-wrap:nowrap }
    .profile_tabs {
        font-size: 12px}
    .useraboutwrapper {
        font-size: 12px;
        color: #397598;
        text-align: left;
    }
    .editprofilesection{
        text-align: left;
        padding: 0;
        padding-left: 3px;
    }
    .about_ul{font-size:10px; }
    .about_ul > li > label{font-size:8px }
    .resultimage {width:100% }
    .profileupdatebody .registerr {padding:15px; }
    .edit_title {padding: 6px;font-size: 12px;}
    .profileupdatebody {
        padding:10px; 
    }
    .bc .bc_item {font-size:12px }
    .profileupdatebody .registerr {width:100% }
    .mainheader h3 {
        color: #b6569c;
        margin-left: 0;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .partnerquest {
        font-size: 14px;}
    .questionslist {
        list-style: decimal;
        padding: 0 15px;
    }
    .optionsbutton {padding: 4px 15px;}
    .profilesubmitbutton {
        color: #fff;
        background-color: #397598;
        border: none;
        margin-top: 20px;
        padding: 3px 16px;
        font-size: 14px;
    }
    .advancesearchcontainer {
        display: block;
        margin: 30px 0px;
    }
    .maintopheader h3 {margin-bottom: 15px}
    .rightcontainer {width:100%;margin-left:0  }
    .searchmainheader h3 {
        color: #b6569c;
        margin: 40px 10px 25px 0;
        padding: 0;
        border-bottom: 1px solid #397598;
        font-size: 18px;
    }
    .advancesearchcontainer {
        display: flex;
        margin: 30px 0px;
        flex-direction: column-reverse;
    }
    #Refine_Search .filtersection{display:none }
    #Refine_Search .singleresults {display:block }
    #Refine_Search .resultimage {
        width: 150px;
        height: 150px;
        display: table;
        margin: auto;
        margin-top: auto;
        margin-top: 10px;
    }
    #Refine_Search .resultdetail {
        font-size: 12px;
        padding-right: 0;
        border-right: none;
        line-height: 1.8;
        min-height:0;
        width: 100%;
    }
    #Refine_Search .resultusername {
        color: #397598;
        font-size: 20px;
        font-weight: 400;
        width: 100%;
        margin-bottom: 5px;
        border-bottom: 1px solid #e6e3e3;
    }
    #Refine_Search .useroptions {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    #Refine_Search .useroptions .glyphicon {
        font-size: 20px;
        padding: 10px;
        margin:0; 
    }
    .mfilter {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #f6921e;
        text-align: center;
        color: #fff;
        padding: 8px 0;
        font-size: 16px;
        display:block
    }
    .splus{
        font-size: 12px;
        margin-left: 3px;
    }
    #Refine_Search .filtersection {
        display: block;
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        border: none;
        background: #fff;
        left: 0;
        z-index: 9999;
        overflow-y: scroll;
    }
    #Refine_Search .filtersection {
        display: block;
        position: fixed;
        top: 100%;
        height: 100%;
        width: 100%;
        margin: 0;
        border: none;
        background: #fff;
        left: 0;
        z-index: 9999;
        overflow-y: scroll;
        transition: 0.4s;
    }
    .clfilter{float:right;padding:0 5px;display:block  }
    .mfill #Refine_Search .filtersection {top:0%;}

    .shortlist_listing .leftpart{padding:0 }
    .shortlist_listing .singleresults{display:block } 
    .singleresults .resultimage {
        height: 150px;
        max-height: 320px;
        width: 150px;
        display:table; 
        margin: auto;
        margin-top: auto;
        margin-top: 10px;
    }
    .shortlist_listing .resultabout {
        padding: 15px;
    }
    .shortlist_listing .resultdetail {
        font-size: 12px;
        border-right: none;
        color: #000;
    }
    .shortlist_listing .resultusername {width:100%; font-size:20px  }
    .shortlist_listing .useroptions{width: 100%;
                                    display: flex;
                                    justify-content: center;}
    .shortlist_listing .useroptions .glyphicon {
        font-size: 20px;
        padding: 10px;
        margin: 0;
    }
    .shortlist_listing .rightpart{padding:0px }
    .suggested:last-child{border:none}
    .suggestedabout{font-size:12px; }
    .shortlist_listing {margin-top:15px;margin-bottom:15px;  }
    .shortheading {
        margin-bottom: 15px;
        font-size: 18px;
    }
    .suggestedusername {text-align:center }
    .mini-hero-experience .mini-content{padding:0;text-align:center  }
    .elementor-text-editor > p{font-size:12px }
    h3.elementor-heading-title {
        font-size: 14px;
        margin-bottom: 14px;
        margin-top: 15px;
    }
    .elementor-text-editor ul {
        padding-left: 0;
    }
    .elementor-text-editor ul > li{font-size:12px; }
    .ordered-list {
        list-style: lower-alpha;
        padding-left: 15px;
        font-size: 12px;
    }
    .service_agreement{font-size:12px }
    .list_decimal li {
        margin-top: 0px;
        margin-left: 0px;
        padding-left: 0px;
        font-size:12px 
    }
    .visuallyhidden--palm h4 {
        font-size: 18px;
        margin-bottom: 15px;
        margin-top: 0;
    }
    .containerinside {
        width: 100%;
        padding: 15px;
    }
    #accordionss .panel-title {
        font-size: 14px;}
    #accordionss .panel-body{font-size:12px; }
    #accordionss a{text-decoration:none }
    .med-msg-section__body {
        margin: 0px;
        padding-top: 15px;
    }
    .island_textCenter {
        margin-bottom:15px;
        display:block 
    }
    .furtherassist {
        margin-left: 00px;
    }
    .island_textCenter > div {margin-bottom:10px; }
    .island > p{font-size:12px }
    *{outline:none !important }
    .txtc_fontreg_lh61 {padding:5px !important;margin-bottom:10px  }
    .overlay__2 .containerinside{padding:15px }
    ul.hor_list_cunav2 {
        list-style-type: none;
        display: block !important;
    }
    .fontlig > a{display:block;padding:0 !important;text-decoration:none !important   }
    .addresscontainer {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        flex-direction: column-reverse !important;
    }
    .addresscontainer h2 {
        color: #397598;
        font-size: 14px !important;
    }
    .addresscontainer p {
        font-size: 12px !important;
        margin-bottom:15px !important;
    }
    .btn.helpcenterbtn{
        color: #fff;
        border-radius: 0px;
        width: 100%;
        padding: 5px 0 !important;
    }
    .querytexts p {
        font-size: 12px !important;
        margin-bottom:15px !important;
    }
    .card__body {
        width: 100% !important;
        margin: 30px auto;
    }
    .issuebutton > a:hover{background:#000;text-decoration:none !important; color:#fff  }
    .modal-header {
        padding: 3px !important;
        border-bottom: 1px solid #e5e5e5 !important;
        background-color: #b6569e !important;
    }
    .regheader {margin:0 !important;padding:4px !important; text-transform:uppercase;color:#fff !important;font-size: 16px !important;  }
    .modal-header .close {
        margin-top:0px !important;
        opacity: 1;
        text-shadow: none;
        color: #b6ec7a;
        margin-right: 5px;
    }
    .logincontainer .submitbutton {width:100% !important }
    .registerationcontainer input.hp-button {padding: 5px 20px !important ;border-radius: 28px !important}
    .forgotpass {
        padding: 2px 0px !important;
        font-size:12px; 
        text-align: right;
    }
    .registerlink{
        font-size:12px;
        text-align: right;
    }
    #remember{
        float: left;
        display: table;
        width: auto;
        margin-right:15px; 
    }
    .radiolabel{display:inline-block;margin-left:40px !important  }
    .radioblock > label{padding-left:0 }
    .nextbuttoncontainer .nextbutton {
        padding: 3px 10px !important;
        color: #fff;
        border-radius: 0px;
        border: none;
        background-color: #397598;
        display: block;
        width: 80px !important;
        margin-right: 0;
        margin-left: auto;

    }
    .radioblock > label > input{width:100% }
    .divcontent_main2{padding:0 !important } 
    .divmodulehome {width:100% !important; }
    .mini-hero__title{margin-top:0;margin-bottom:0;font-size:20px;   }
    .mini-hero-experience{padding: 20px 0 !important;}
    .divmodulehome  p{font-size:12px; text-align: justify}
    .divmodulehome h3{font-size:14px }
    .reviewenter {
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
        padding: 0 15px;
    }
    #st label{float:left }
    .testi-div{padding:0 15px; }
    .hm-name-caption {text-align:center }
    .testi-sec2 .txt {
        font-size: 14px;
        color: #888;
        line-height: 18px;
        margin-top: 20px;
        margin-bottom:20px; 
        text-align:center 
    }
    .testi-sec2 .txt::after {padding:6px;font-size:5px  }
    .testi-sec2 .txt::before {padding:6px;font-size:5px;top:0   }
    #testimonial {
        background: #d5c9ad;
        padding: 30px 15px;
    }
    .testi-div > .row {
        margin-bottom: 15px;
    }
    .testi-div > .row:nth-child(even){display:flex;flex-direction: column-reverse }
    .testi-sec1 > div > img {
        min-height: 200px;
        max-height: 200px;
        display:table;
        margin:auto 
    }

    .maprander > iframe{height:200px !important }
    .cubg2 {
        margin-bottom: 0px !important;
    }

    .helpcenterbtncnt{margin-bottom:0 !important  }
    .hm-caption-txt {
        font-size: 14px;
    }
    .searchby{font-size:14px }

    #advancesearchby{color:#fff}
    #searchby{color:#fff }
    .morestories{padding: 4px 10px;margin-bottom:5px;display:table;margin:auto }
    .white-block {
        margin-top: 15px;
    }
    .testi-dots{text-align:center;margin-top:5px  }
    
    
    .content{display:none }
    
}
@media(min-width:500px) and (max-width:767px){
    .searchbuttoncont {
        margin-top:0px;}
    .plan-block > ul > li {width:25%; }
    #block .container .gray-block p {
        font-size: 10px;
    }
    #block .div-2 .p2 {
        font-size: 10px;
    }
    #block .div-2 .p1 > .span1 {
        font-size: 24px;
    }
    #block .plan > li{font-size:10px;  }
    .div-3 .content > li {font-size:10px; }
    #block .odr {
        font-size: 10px;
        padding: 5px 14px;
    }
    .plan-block > ul > li {margin-bottom:15px; }
    .lr-btn > ul > li{width: 50%;}
    .plan-block > ul {display: table;padding: 15px 0 !important;}

}