.auto-container {
    
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    
}
@media only screen and (max-width: 479px) {
    .main-header .header-lower .outer-box {
        padding-right: 0px;
        margin: 0 -.75rem;
    }
}

.t-social{
    /* background-color: #fa4dac; */
    padding: 5px 10px;
    /* border-radius: 5px; */
    color: #ffffff !important;
    border: 1px solid #ffffff;
    background: #F1A1DC;
}

    .p-text{
        color:#ffffff;
    }
#my-sec-titlestyle{
    margin-bottom: 20px;
}
/* listing// */
span.span {
    font-size: 13px;
    color: #FA4DAC;
    text-transform: capitalize;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E6E6E6;
}
.my-imgbox{
    margin-bottom: 25px;
    position: relative;
    display: inline-block;
    max-height: 250px !important;
    overflow: hidden;
}

.myanimation{
    overflow: hidden;
}
.myanimation::before{
background-color: #000;
}



.pagination{
    padding: 0px 15px;
}
.pagination>.active>a {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #FA4DAC;
    border-color: #FA4DAC;
}
.pagination>.active>a:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #FA4DAC;
    border-color: #FA4DAC;
}
.pagination>.active>a:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #FA4DAC;
    border-color: #FA4DAC;
}

.pagination>li>a{
    color: #7d8082;

}
/* voting// */
.middle {
    height: 200px;
    overflow-y: scroll;
}
.middle .img-responsive {
    width: 100% ;
}
.popupscroll {
    height: 100px;
    overflow: scroll;
    overflow-x: hidden;
}
}
.my_model_title{
    display: inline-block;
    /* width: 90%; */
}
button.btn.btn-my {
    float: right;
}

.my-social-icons.icon-thm a{

    background-color:#f4f4f4 !important;
}



/* result // */

.auto-container.con2 {
    position: static;
    max-width: 1050px;
    margin: 0 auto;
}

.single-team-member.xs-text-center.r-img {
padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E6E6E6;
}
.result-list {
    background-color: beige;
    padding: 20px;
}
figure.image img {
    height: 240px !important;
    width: 240px !important;
}



#d-name {
    background: #f5f3f3;
    padding: 15px;
    color: #ffffff;
    position: relative;
    z-index: 1;
    margin: 0px !important;
    font-weight: 700;
    font-size: 17px;
    display: flex;
    align-items: center;
    }
    
  #d-name::before{
    content: "";
    position: absolute;
    /* clip-path: polygon(0 0, 100% 0%, 100% 13%, 0 100%); */
    clip-path: circle(16.5% at 0 0);
    background: #ffffff !important;
    top: 0 !important;
    z-index: -1;
    left: 0 !important;
    width: 100%;
    height: 100%;
        
    }

    #d-name2 {
        background: #f5f3f34d;
        padding: 15px;
        color: #ffffff;
        position: relative;
        z-index: 1;
        margin: 0px !important;
        font-weight: 700;
        font-size: 17px;
        display: flex;
        align-items: center;
    }

    #d-name2::before{
        content: "";
        position: absolute;
        /* clip-path: polygon(0 0, 100% 0%, 100% 13%, 0 100%); */
        clip-path: circle(16.5% at 0 0);
        background: #ffffff !important;
        top: 0 !important;
        z-index: -1;
        left: 0 !important;
        width: 100%;
        height: 100%;
            
        }

    h3.name {
        background-color: #fa4fac;
        color: white !important;
        padding: 10px;
        border-radius: 5px;
    }
    .mytitle{
        position: relative;
        color: #f52929 !important;
    text-shadow: -1px -1px 0 #ffeb45, 1px -1px 0 #ffeb45, -1px 1px 0 #ffeb45, 1px 1px 0 #ffeb45;
    font-size: 36px !important;
    text-transform: capitalize;
    /* color: #3a4145; */
    font-weight: 800;
    margin-bottom: 25px;
    padding-bottom: 20px;
    }

    .mytitle::before{
        content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 6px;
    width: 40px;
    background: #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    }
    #win a {
        background-color: #ffffff !important;
    }
    .myspace{
margin-top: 20px;
    }

  
    .about-section .lower-content #content-box {
        position: relative;
        padding: 40px 60px;
        background: #fbd2efdb;
    }
 
    h3.name.win_sec-title {
        color: white !important;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        margin-bottom: 0px !important;
        border-radius: 0px;
        background-color: #fa4dac;
        text-align: center;
        font-size: 20px !important;
    }
    .about-section .lower-content #content-box {
        position: relative;
        padding: 40px 60px;
        background-image: url(../images/start.gif);
    }
  
    @media screen and (min-width: 600px) {
        .img-box.rl-img {
            height: 240px;
            overflow: hidden;
            margin-bottom: 0px !important;
        }
       
        
      }
      @media screen and (max-width: 600px) {
    
        .about-section .lower-content #content-box {
            padding: 0px;
        }
        .single-team-member .img-box{
            margin: 0px !important;
        }
        
      }
      
/* @media only screen and (max-width: 767px) {*/
/*     .main-menu .navbar-header .navbar-toggle {*/
/*    border: 1px solid #ffffff !important;*/
/*}*/
/* }    */

.thm-btn2{
background: #FA4DAC;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 35px;
    border: 2px solid transparent;
    transition: all .3s ease;
}

      
@media only screen and (max-width: 479px){
  .main-header .header-lower .logo{
      float: none;
    width: 80%;
    text-align: center;
    margin-bottom:0px;
  }  
    .main-menu {
    margin-right: 0px;
    width: 100%;
    position: absolute;
        top: 50%;
    }
    
/*.main-header .header-lower .outer-box {*/
/*    display: flex;*/
/*    padding-right: 10px;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    background-color: #fa4dac;*/
/*}*/
.main-menu .navbar-header .navbar-toggle .icon-bar {
    background: #000;
}
.main-menu .navbar-header .navbar-toggle {
    border: 1px solid #ffffff !important;
}


/*li#m-login {*/
/*    display: block !important;*/
/*}*/


}


      
/*ttt*/
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
     background: url(../images/icons/dropdown.png) center center no-repeat !important; 
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
}
    
/* result end// */

select {
 
    height: 40px;
}


@media only screen and (min-width: 768px) {
    
    
}







@media only screen and (max-width: 767px){
    .main-header .header-lower .logo{
        width:260px ;
    }
.main-menu .navbar-header .navbar-toggle .icon-bar {
    background: #000;

}
.main-menu {
    float:none !Important;
    left: 0px !important;
    top: 40px !important;
}

/*.main-header .header-lower .logo{*/
    /*width:260px !important;*/
/*}*/

.main-menu .navbar-header .navbar-toggle{
    border: 1px solid #000;

}


}

@media only screen and (max-width: 992px){
    
    .main-menu{
left: 60px;

}
.main-header .header-lower .logo{
    width:94px !important;
}

    
}

