*,:after,:before {

    box-sizing: border-box;

}

/*NEW*/

body {

    display: flex;

    flex-direction: column;

    margin: 0 0;

    background-color: #fff;

    /*font-family: Montserrat,sans-serif;*/

    font-family: 'Questrial',serif;

    /*font-size: calc(15px + (20 - 15) * ((100vw - 300px)/ (1600 - 300)));*/

}

/*    body::-webkit-scrollbar

    {

        width: 6px;

    }

    body::-webkit-scrollbar-track

    {

      background-color: #000000;

    }

    body::-webkit-scrollbar-thumb

    {

        background-color: #b026f8;

    }*/

h1,h2,h3{

    font-family: Montserrat,sans-serif;

}

img {

    /*transform: translate(50%, 50%);*/

}

a {

    text-decoration: none;

    color: #ff0000;

    display: inline-block;



}

span {

    display: inline-block

}

/*NEW*/

.c {

    text-align: center;

}

.hide {

    display: none;

}

li{

    list-style: none;

}

.h100{

    height: 100%;

}

.main-bg {

    background: url(../img/impectbg.jpg);

    background-position: center

    background-position-y: 0%;

    background-size: 103% auto;

}



.js-bg {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    overflow: hidden

}

.jsc{

    background-position: 0% center;

}

.jsp{

    background-size: contain;

}

.fright {

    float: right!important

}



.flex {

    display: flex !important;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}

/*YOUR CODE*/











/*MEDIA QUERIES */

[class*=col] {

    float: left;

    display: inline-block;

    width: 100%;

    overflow: hidden;

}



@media only screen and (max-width: 425px) {

    .col-xs1 {width:8.33%}

    .col-xs2 {width: 16.66%}

    .col-xs3 {width: 25%}

    .col-xs4 {width: 33.33%}

    .col-xs5 {width: 41.66%}

    .col-xs6 {width: 50%}

    .col-xs7 {width: 58.33%}

    .col-xs8 {width: 66.66%}

    .col-xs9 {width: 75%}

    .col-xs10 {width: 83.33%}

    .col-xs11 {width: 91.66%}

    .col-xs12 {width: 100%}

    .col-xs20 {width: 20%}

    .col-xs80 {width: 80%}

    .col-xs60 {width: 60%}

    .col-xs40 {width: 40%}

    .col-xs70 {width: 70%}

    .col-xs30 {width: 30%}

    .col-xs15 {width: 15%}

    .col-xs90 {width: 90%}

    .col-xs45 {width: 45%}

}



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

    .col-s1 {width:8.33%}

    .col-s2 {width: 16.66%}

    .col-s3 {width: 25%}

    .col-s4 {width: 33.33%}

    .col-s5 {width: 41.66%}

    .col-s6 {width: 50%}

    .col-s7 {width: 58.33%}

    .col-s8 {width: 66.66%}

    .col-s9 {width: 75%}

    .col-s10 {width: 83.33%}

    .col-s11 {width: 91.66%}

    .col-s12 {width: 100%}

    .col-s20 {width: 20%}

    .col-s80 {width: 80%}

    .col-s60 {width: 60%}

    .col-s40 {width: 40%}

    .col-s70 {width: 70%}

    .col-s30 {width: 30%}

    .col-s15 {width: 15%}

    .col-s90 {width: 90%}

    .col-s45 {width: 45%}

}



@media only screen and (min-width: 768px) {

    .col-m1 {width:8.33%}

    .col-m2 {width: 16.66%}

    .col-m3 {width: 25%}

    .col-m4 {width: 33.33%}

    .col-m5 {width: 41.66%}

    .col-m6 {width: 50%}

    .col-m7 {width: 58.33%}

    .col-m8 {width: 66.66%}

    .col-m9 {width: 75%}

    .col-m10 {width: 83.33%}

    .col-m11 {width: 91.66%}

    .col-m12 {width: 100%}

    .col-m20 {width: 20%}

    .col-m80 {width: 80%}

    .col-m60 {width: 60%}

    .col-m40 {width: 40%}

    .col-m70 {width: 70%}

    .col-m30 {width: 30%}

    .col-m15 {width: 15%}

    .col-m90 {width: 90%}

    .col-m45 {width: 45%}

    .col-m2433 {width: 24.33%}

    .col-m2533 {width: 25%;}


}



@media only screen and (min-width: 1200px) {

    .col-l1 {width:8.33%}

    .col-l2 {width: 16.66%}

    .col-l3 {width: 25%}

    .col-l4 {width: 33.33%}

    .col-l5 {width: 41.66%}

    .col-l6 {width: 50%}

    .col-l7 {width: 58.33%}

    .col-l8 {width: 66.66%}

    .col-l9 {width: 75%}

    .col-l10 {width: 83.33%}

    .col-l11 {width: 91.66%}

    .col-l12 {width: 100%}

    .col-l20 {width: 20%}

    .col-l80 {width: 80%}

    .col-l60 {width: 60%}

    .col-l40 {width: 40%}

    .col-l70 {width: 70%}

    .col-l30 {width: 30%}

    .col-l15 {width: 15%}

    .col-l90 {width: 90%}

    .col-l45 {width: 45%}

}



.col1 {width: 8.33%}

.col2 {width: 16.66%}

.col3 {width: 25%}

.col4 {width: 33.33%}

.col5 {width: 41.66%}

.col6 {width: 50%}

.col7 {width: 58.33%}

.col8 {width: 66.66%}

.col9 {width: 75%}

.col10 {width: 83.33%}

.col11 {width: 91.66%}

.col12 {width: 100%}

.col20 {width: 20%}

.col80 {width: 80%}

.col60 {width: 60%}

.col-l40 {width: 40%}

.col-l70 {width: 70%}

.col-l30 {width: 30%}

.col-l15 {width: 15%}

.col-l90 {width: 90%}

.col-ls45 {width: 45%}

/*extra*/
.fir-seg {
    background: #000;
    padding: 8px;
}


/*gallery image part */
.girls-gallery {
    margin: auto 0;
    width: 100%;
    float: left;
    padding-bottom: 10px
}

.girls-gallery .gallery-photo {
    float: left;
    width: 22%;
    margin: 10px
}

.girls-gallery .gallery-photo img {
    width: 100%;
    vertical-align: top
}

.girls-gallery .gallery-photo .photo-list-2020 {
    float: left;
    margin: auto;
    width: 100%;
    padding: 5px 0;
    background: #851e1e
}

.girls-gallery .gallery-photo .photo-list-2020 .name {
    margin: auto;
    width: 100%;
    padding: 1px 0;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.girls-gallery .gallery-photo .photo-list-2020 .dis {
    margin: auto;
    width: 100%;
    padding: 0;
    color: #fff;
    font-size: 12px;
    text-align: center
}


@media screen and (min-width:481px) and (max-width:720px) {

    .girls-gallery .gallery-photo {
        width: 100%
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .girls-gallery .gallery-photo {
        width: 100%;
        margin: 10px 0
       
    }

}
@media screen and (max-width: 480px) and (min-width: 320px) {
.girls-gallery .gallery-photo {
    width: 75%;
    margin: 10px 0;
}
}
.phonelinks{
    position: fixed; /* Lock location always on the scree */
    bottom: 0; /* Set to the bottom */
    right: 0; /* Set to the right */
    margin: 30px; /* Add space around background */
}
.phoneicon{
    width: 40px; /* Set width of icon */
    height: 40px; /* Set height of icon */
}
@media screen and (max-width: 480px){
    .lgscreenphoneicon{
        display: none;  /* On small screens make phone icon disappear */
    }
    .mbscreenphoneicon{
        display: block; /* On small screens make phone icon appear */
    }
}
@media screen and (min-width: 481px){
    .mbscreenphoneicon{
        display: none; /* On large screens make phone icon disappear */
    }
    .lgscreenphoneicon{
        display: block; /* On large screens make phone icon appear */
    }
}
/* end gallery image part */