* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://oxglow.com.gh/font/pt-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://oxglow.com.gh/font/pt-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://oxglow.com.gh/font/pt-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://oxglow.com.gh/font/pt-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://oxglow.com.gh/font/pt-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://oxglow.com.gh/font/pt-sans-v12-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
} 
  

    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url('https://oxglow.com.gh/font/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
        src: local(''),
            url('https://oxglow.com.gh/font/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('https://oxglow.com.gh/font/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
            url('https://oxglow.com.gh/font/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
            url('https://oxglow.com.gh/font/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
            url('https://oxglow.com.gh/font/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
      }

    
        body, html{
        width: 100%;
        overflow-x: hidden; 
        background: #d1e4f3;
        font-family: 'Roboto', sans-serif;
        /* margin: 0 auto; */
        overflow-y: scroll;
        }




.mainheader {
    /* position: fixed;
    top: 0;
    left: 0; */
    width:100%;
    background: #0e4cd1;
    margin: 0 auto;
    height: 160px;
}

.creatad {
float: left;
font-size: 28px;
color: white;
margin-left: 250px;
}

.headtop{
width: 1140px;
padding: 5px 10px;
/* float: left; */
margin: 0 auto
/* margin-left: 200px; */

}

.fleft{
float: left;
margin-top: 20px;
margin-left: 20px;
/* border: 1px saddlebrown solid; */
width: 200px;
padding: 5px 10px;

}
.fleft img {
width: 130px;

float: left;
}

.fright{
float: right;
margin-left: 400px;
width: 300px;
display: inline;
/* border: 1px salmon solid; */
padding: 5px 5px;
}

.fright input {
    width: 10px;
}
.fright img {
width: 50px;
margin-left: 50px;
}

.frfirst{
float: left;
color: white;
border: yellow 1px solid;
margin: 30px 20px;
} 
.frsec {
float: left;
/* margin-left: 40px; */
color: white;
border: 1px solid #FD66E6;
margin: 30px 5px;



}
.headbottom{
width: 940px;
/* padding: 5px 5px; */
/* padding-left: 5%; */
padding-top: 10px;
padding-bottom: 10px;
float: left;
/* margin: 5px 70px; */
margin-left: 20%;



}
.headbottom i {
    color: white;
}
.fsearchbox {
width: 96%;
margin-left: 70px;
/* margin: 0 auto; */
}
.fsearchbox input{
padding: 10px;
font-size: 1.5rem;
border: none;
float: left;
width: 80%;
background: #ffffff;
/* border-left: rgb(129, 34, 158) solid 2px;
border-top: rgb(129, 34, 158) solid 2px;
border-bottom: rgb(129, 34, 158) solid 2px; */
border-right: none;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
cursor: pointer;


}

.fsearchbox button {
float: left;
width: 10%;
padding: 8px;
background: #f710f7;
color: white;
font-size: 1.5rem;
border: none;
cursor: pointer;
border-left: none;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
/* border-right: rgb(129, 34, 158) solid 2px;
border-top: rgb(129, 34, 158) solid 2px;
border-bottom: rgb(129, 34, 158) solid 2px; */
}

.box {
padding: 10px 10px;
margin: 5px 5px;
width: 90px;
/* height: 0px; */
/* border: 1px solid #fefefe; */
float: left;
margin-left: 250px;

color: white;
background: #FD66E6;
border-radius: 20px;
}


h4{
color: rgb(20, 138, 235);
display: inline-block;
}



.thewrap{
width: 80px;
display: inline-block;
padding: 1px 1px;

}
.thewraptext{
width: 80px;
color: rgb(255, 255, 255);
/* height: 20px; */
}

#wrap {
display: flex;
align-items: center;

}
.icon:before {
content: '';
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid rgb(234, 89, 247);
font-size: 30px;
color: rgb(255, 255, 255);
background: rgb(235, 20, 181);
margin: 1px 12px;
/* background: #ffffff; */
/* padding: 1px 1px; */
/* rgb(247, 244, 89) */
}

/* .icon :hover{
background: rgb(247, 245, 246);

} */
#bigplus:before {
content: '\FF0B';
}



.menu {
float: right;


}

.menu a {
text-decoration: none;
color: #ffffff;
/* text-transform: uppercase; */
padding: 5px 5px;
margin: 40px 5px;

}


.menu h4{
    color: rgb(248, 249, 250);
    display: inline-block;
    margin-top: 30px;

    }
.menu hr {
color: rgb(158, 31, 31);
display: none;
}

.show-menu-btn, .hide-menu-btn {
transition: 0.4s;
cursor: pointer;
display: none;
}

/* .menu a:hover, .show-menu-btn, .hide-menu-btn{

border: #ffffff 1px solid;
width: 20%;
float: left;
height: 50px;
margin-right: 40px;
} */


.show-menu-btn i {
margin: 10px 10px;
/* line-height: 25px; */
font-size: 28px;
color: wheat;

}

#themenu {
position: relative;
visibility: hidden;
z-index: -1111;
}


i {
font-size: 1.3em;
}

.themain {

    width: 1140px;
    /* background: rgb(252, 249, 249); */
    margin: 0 auto;
}

.firstRow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 10px;
    background: radial-gradient(#fff, #fff2d6);
    border-radius: 20px;
    
    
    
    }
    .leftCol {
    
        flex-basis: 50%;
        min-width: 300px;
      
    }
    .leftCol h1 {
      
       float: right;
       font-size: 50px;
       line-height: 20px;
       color: #07528b;
       margin-right: 100px;
       margin-bottom: 30px;
       margin: 20px;
    
    }

    .rightCol {

        flex-basis: 50%;
        min-width: 300px;
    
    }
    
    .rightCol img {
        max-width: 100%;
        padding: 30px 10px;
       
    
    }
    
    .logindetails a {
    
        color: blue;
    }

    .adtop {
    /*width: 85%;*/
    background: #fefefe;
    box-shadow: 0 2px 4px 0 rgba(108, 107, 107, 0.1);
    margin: 10px;
    float: left;
    border-radius: 5px;
    padding: 5px 10px;
    font-weight: lighter;
        }
        .adtop a {
            color: grey;
            margin-right: 5px;
            margin-left: 5px;
        }
    

    .indone {
        width: 95%;
        margin: 10px 20px;
        float: left;
        border: skyblue 1px solid;


    }

    .sfaster {
        float: left;
        margin-left: 10%;
        margin-top: 10px;
        margin-bottom: 10px;
       
    }
    .bsafer {
        float: left;
        margin-left: 20%;
        margin-top: 10px;
        margin-bottom: 10px;

    }
    .indtwo {
        width: 95%;
        margin: 10px 20px;
        float: left;
        border: rgb(193, 135, 235) 1px solid;
        padding: 10px 5px;

    }


    
    .home-btton {
        background: #DD2AB3;
        border: 1px solid #DD2AB3;
        padding: 10px 5px;
        color: white;
       
        width: 500px;
        margin-top: 10px;
        border-radius: 50px;
        /* float: right; */
        margin-right: 120px;
    }

    .everywhere {
        color: white;
        /* margin: 10px 10px; */
        float: left;
        font-size: 20px;
        margin-bottom: 10px;
        margin-left: 140px;
        margin-top: 10px;
     }
     .home-btton i {
         color: #fefefe;
         font-size: 30px;
     }

     .custom-select {
        background-color:   rgb(249, 249, 250);
        /* border: 1px solid #fefefe; */
        width: 300px;
        height: 40px;
        border-radius: 10px;
        padding: 5px 10px;
        /* margin: 5px 40px; */
        margin-left: 100px;
        margin-top: 10px;
        margin-bottom: 30px;
        float: left;

    
    }
    .custom-select select {
        /* color: rgb(96, 75, 232); */
        -webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
        -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
        border: 0 !important;  /*REMOVES BORDER*/
       
        color: rgb(39, 62, 126);
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-size: 14px;
        padding: 10px 10px;
        width: 35%;
        cursor: pointer;
       
        background: #0d98e8 url(https://cdn1.iconfinder.com/data/icons/universal-icons-set-for-web-and-mobile/100/controls_0-12-512.png) no-repeat right center;
        background-size: 40px 37px; 
    }


    .custom-select select option {
        background-color:#fff;
        color:black;
      }


      select::-ms-expand{
        display:none;
      }


    .custom-select select option {
        color: rgb(29, 29, 33);
        background: rgb(255, 255, 255);
    }

    #dynamic_select{
        border: none;
        padding: 5px 5px;
        background-color: rgb(249, 249, 250);
        font-size: 20px;
        width: 190px;
    }

 
    



    .secondRow{
        width: 100%;
        height: 300px;
        background: white;
        margin: 10px 2px;
        border-radius: 10px;
    }

    .thirdrow {
        width: 100%;
        padding: 5px 5px;
        /* margin: 5px 5px; */
        background: white;
        float: left;
        margin: 0 auto;
        border-radius: 10px;
        

    }


    .fourthrow {
        margin-top: 15px;
        width: 99%;
        float: left;
        border-radius: 10px;
        margin-bottom: 20px;
        margin-right: 10px;
        /* background: rgb(216, 237, 254); */
        border: rgb(156, 86, 86) 1px solid;
    }

    .firsthdx{
        margin-left: 30px;
        margin-top: 20px;
        margin-bottom: 10px;
       
        font-size: 30px;
        font-weight: bold;
    }
    
    

        .mainsegarea {
        width: 95%;

        float: left;
        margin-left: 35px;
        /* margin: 50px; */
        background: #f7c3ef;
 
        background: #cad8f7;
        border-radius: 10px;
        padding-left: 40px;
        /* padding: 10px 10px; */


        }
        .mcarea {
        padding: 5px 5px;
        /* border: thistle 1px solid; */
        float: left;
        margin: 5px 15px;
        /* width: 180px; */
        width: 20%;
        height: 188px;
        position: relative;
        /* margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 10px; */

        }
/* .mcarea::after {
content: " - Remember this";
} */
    .seghead {
    font-size: 30px;
    font-weight: bold;
    margin-left: 35px;
    margin-bottom: 10px;
    /* margin: 5px 2px; */


    }
    .segcard {
    width: 140px;
    height: 120px;
    padding: 5px 5px;
    margin: 10px 10px;
    float: left;
    border: none;
    border-radius: 10px;
    background: white;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;

    /* margin: auto; */
    }
    .fortext {
    font-size: 18px;
    text-align: center;
    color: black;
    width: 70%;
    margin-left: 10px;
    /* background:green; */
    /* height: auto; */

    }
    .card-content {
    margin: 0 auto;
    }

    .segcard img {
    height: 100%; width: 100%; object-fit: contain
    }

   
    .secmain{
        width: 97%;
        float: left;
        border: hotpink 1px solid;
        margin-left: 10px;
        
    }
    .thirdsome{
        width: 95%;
    }

    .listing{
        width: 780px;
        border: 1px solid blueviolet;
        float: left;
        margin: 10px 10px;
        border-radius: 10px;
        background: #fefefe;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
        position: relative;

    }

    .overlay:hover {
        opacity: 0.7;
    }
    .fa-heart-o:hover {
        /* z-index: 2; */
        color: rgb(22, 24, 143);

    }
    .theimg{
        width: 300px;
        float: left;
    }
    .theimg img {
        width: 100%;
        border-radius: 10px;
        float: left;

    }

    .theother {
        padding: 5px 5px;
        margin-left: 10px;
        width: 400px;
        float: left;
    }

    .thetitle {
        font-size: 28px;
        float: left;
        display: block;
        width: 400px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: 'PT Sans';
        font-weight: bold;

    }
    .thetitle a {
        color: #252525;

    }
    a {
        text-decoration: none;
    }
    .theprice {
        font-size: 24px;
        float: left;
        width: 400px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #DD2AB3


    }
    .theloc{
        font-size: 12px;
        float: left;
        width: 400px;
        margin-top: 20px;
        margin-bottom: 2px;
        color: grey;
    }
    .descrarea {
        font-size: 14px;
        float: left;
        width: 450px;
        margin-top: 10px;
        margin-bottom: 10px;
        /* border: 1px solid grey; */
        padding: 5px 5px;
        color: grey;
    }
    .theattr {
        font-size: 14px;
        float: left;
        margin-top: 5px;
        margin-bottom: 10px;
        /* border: 1px solid grey; */
        border-radius: 5px;
        padding: 5px 5px;
        color: rgb(45, 44, 44);
        background: #d4fafc;
    }
    .like-button {
        position: absolute;
        z-index: 2;
        color: #f5f5f5;
        font-size: 25px;
        text-align: right;
        cursor: pointer;
        border-radius: 10rem;
        background-color: transparent;
        border: transparent;
        width: 99%;
        /* padding-top: 4px; */
        /* padding-right: 4px; */
    }
    i {
        color: rgb(174, 225, 247);
    }

    .pagination {
        width: 70%;
        border: 1px rgb(114, 130, 250) solid;
        margin: 10px 100px;
        float: left;
        display: block;
        padding: 15px 10px;
        border-radius: 10px;
        background: rgb(250, 252, 250);

    }

    .pagination li {
        display: inline;
        margin-left: 5px;
        margin-right: 5px;
        background: blue;

    }

    .pagination li a{
        display: inline;
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px 5px;
        text-decoration: none;
        /* border: rgb(114, 168, 250) 1px solid; */
    }
    .active {
        background: rgb(245, 106, 240);
        padding: 10px 15px;
        border-radius: 20px;
        /* width: 20px; */
    }

    .pagination li:first-child {
        margin: 0 15px 0 0;
    }
    .pagination li:last-child {
        margin: 0 0 0 15px;
    }

    footer{
        width: 100%;
        margin: 0;
        border: 1px solid rgb(156, 86, 86);
        overflow:auto;
        background: #021AEE;
        
    }

    footer a{
    color: #fefefe;
    text-decoration: none;
    margin: 5px 5px;
    }
    footer hr.resp {
        border-top: 1px solid #fefefe;
        width: 80%;
        margin: 10px 10px;
    
    }
    /* hr.resp {
    border-top: 1px dotted red;
    } */
    .firstfour {
        width: 1140px;
        margin: 20px auto;
        /* background: lightcoral; */
        overflow: auto;

    }

    .f1 {
        float: left;
        width: 230px;
        margin: 10px 5px;
        /* background: lightcoral; */

        
    }
    .f2 {
        padding-left: 5px;
        color: white;
        float: left;
        width: 250px;
        margin: 10px 5px;
        /* background: rgb(128, 236, 240); */

    }
    .f2 a img {
        margin: 5px 5px;
        width: 80%;
        
    }
    .f3 {
        float: left;
        width: 250px;
        margin: 10px 10px;
        /* background: rgb(191, 240, 128); */
        
    }
    .f3 p {
        padding-left: 10px
    }
    .f4 {
        float: left;
        width: 250px;
        /* background: rgb(33, 41, 163); */
        
        margin: 10px auto;
        
    }

    .f4 p {
        display: inline-block;
        margin: 10px 10px;
        font-size: 24px
    }
    .fl5ast {
        margin: 10px 100px;
        width: 600px;
        color: white;
        margin: 20px auto;

    }


    /* for segprevios */

    h1 {
        font-size: 40px;
        }

  
    .thefirst {
        width: 95%;
        background: #fefefe;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
        margin: 10px;
        float: left;
        border-radius: 5px;
    }
    .thesecond {
        /* border: 1px solid #5555; */

        margin: 10px 10px;
        float: left;
        /* width: 95%; */

    }
    .theleftarea {
        /* background: #fefefe;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); */

        border-radius: 5px;
        float: left;
        width: 270px;
        margin: 5px 5px;
    } 
    
    .filtrehead {
      background: #1476f7;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
      margin-bottom: 5px;
      height: 35px;
      padding: 5px 2px;
      color: white
    }
    .filtremain {
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
      margin-bottom: 5px;
      background: #fefefe;
    }

    .filterbox {
      border: gray 1px solid;
      padding: 5px 5px;
      width: 94%;
      background: #fefefe;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
      border-radius: 5px;
      margin-top: 5px;
      margin-bottom: 5px;
    }

    .therightarea{
        /* background: #fefefe; */
        border-radius: 5px;
        float: left;
        width: 800px;
        margin: 5px 5px;
       
    }


    .righttop {
            font-size: 20px;
    }

    .rightbottom {
        font-size: 20px;
    }

    hr {
        border: none;
        height: 1px;
        /* Set the hr color */
        color: rgb(177, 176, 176); /* old IE */
        background-color: rgb(177, 176, 176); /* Modern Browsers */
        margin: 5px 5px;
    }

    #leftb{
               width: auto;     
                }
    .leftbox {
        /* float: left; */
        width: 100%;
    }

        .txthead {
            font-size: 20px;
            margin-left: 5px;
            margin-bottom: 10px;
            width: 90%;
            padding: 5px 2px;
            font-weight: bold;

            
        }
        
        .txtheadx {
            font-size: 20px;
            margin-left: 5px;
            width: 90%;
           
           
            
        }
        .txtcontentx {
            font-size: 18px;
            color: rgb(94, 91, 91);
            width: 90%;
            margin-left: 8px;
           
        }
        .txtcontent {
            font-size: 18px;
            color: rgb(130, 129, 129);
            width: 90%;
            margin-left: 10px;
            margin-top: 5px;
            margin-bottom: 3px;
    
        }
        .clist {
          padding-top: 3px;
          padding-bottom: 3px;
          margin-left: 5px;
          color: rgb(80, 80, 80);
          width: 95%;
        }

        .cnum {
          margin-left: 2px;
          color: rgb(130, 129, 129);
            
        }

    .txtcontent a {
        color: grey;
        text-decoration: none;
        padding: 5px;
      
        /* margin: 5px */
    }
    select {
        outline: none;
        border: 1px solid #5555;
        background: #fefefe;
        /* padding: 10px; */
        
        /* width: 20px; */
    }
    option {
        width: 20px;
    }
    .select {
        /* border: 1px solid #5555; */
        cursor: pointer;
        /* padding: 10px; */
    }

    #standard-select {
        outline: none;
        margin: 10px;
        width: 200px;
        padding: 10px 5px;
        border-radius: 5px;

    }

    #standard-select option {
        width: 100px;
        border-radius: 5px;

    }

    .container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        /* font-size: 22px; */
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }

        /* Hide the browser's default radio button */
        .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        }

                    /* Create a custom radio button */
        .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: transparent;
        border: 2px solid #e6e6e6;
        border-radius: 50%;
        }

        /* On mouse-over, add a grey background color */
        .container:hover input ~ .checkmark {
        background-color: #ccc;
        }

        /* When the radio button is checked, add a blue background */
        .container input:checked ~ .checkmark {
        background-color: #2196F3;
        }

        /* Create the indicator (the dot/circle - hidden when not checked) */
        .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        }

        /* Show the indicator (dot/circle) when checked */
        .container input:checked ~ .checkmark:after {
        display: block;
        }

        /* Style the indicator (dot/circle) */
        .container .checkmark:after {
            top: 9px;
            left: 9px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: white;
        }
        .topone{

                padding: 10px 10px;
        }

        .middleone {
                padding: 5px 10px;
                margin: 5px 10px;

        }
        .middleone{
            font-size: 20px;
        }

        .bottomone{
                margin-left: 20px;
                width: 90%;
                height: 80px;
                overflow: hidden;  
        }
        #subcard {
            height:90px; /* 40px - more place for scrollbar, is hidden under parent box */
            padding:5px;
            white-space:nowrap;
            overflow-x: scroll;
            overflow-y: hide;
            -webkit-overflow-scrolling:touch;
        }
        .subcards {
            display: inline-block;
            border: 1px solid #a9a9af;
            padding: 10px 10px;
            margin: 10px 5px;
            border-radius: 5px;
            /* float: left; */
            
        }

        .subcards a {
            color: black
        }

        .subcards + .subcards{
            margin-left:5px
        }




       
        .locfilter{
            float: left;
            width: 98%;
            margin: 5px 5px;
            border-radius: 5px;
            background: #fefefe;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
        }
        .pricefilter {
            background: #fefefe;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);

            border-radius: 5px;
            float: left;
            width: 98%;
            margin: 5px 5px;


        }
        .wholeline {
            border-radius: 5px;
            float: left;
            width: 98%;
            margin: 5px 5px;
        }
        .penu {
            float: left;
            /* line-height: 100px; */
        }
        .show-penu-btn{
            float: left;
        }
        .show-penu-btn i{
            /* line-height: 100px; */
            float: left;
            margin: 10px 10px;
            padding: 10px 10px;
        }


        .show-penu-btn, .hide-penu-btn{
            transition: 0.4s;
            cursor: pointer;
            display: none;
        }

        #chk{

            position: absolute;
            visibility: hidden;
            z-index: -111;
        }




        .ftop{
            padding: 5px 5px;
            font-weight: bold;
            margin: 5px 5px;

        }
        .fmiddle {
            padding: 5px 5px
            

        }

        .fmiddle input{
            width: 70px;
            padding: 10px 10px;
            margin-left: 5px;
            border-radius: 5px;
            border: 1px solid gray;
            /* margin: 10px 10px */
        }
        #min, #max{
            width: 80px;
            padding: 10px 10px;
            float: left;
        }
        #min {
            margin-left: 10px
        }
        #max {
            margin-left: 30px
        }

        .fmiddle .fspace{
            width: 70px;
            display: inline-block;
            /* float: left; */
        }


        .fbottom {
            padding: 5px 5px;
            margin: 0 auto

        }
        
        .fbottom  input[type="submit"]{
            /* display: inline-block; */
            padding: 8px 10px;
            color: rgb(118, 192, 249);
            border: none;
            /* background: red; */
         
            width: 80px;
            border-radius: 5px;
            margin-top: 15px;
            margin-bottom: 10px;
            margin-left: 60px;
            /* font-weight: bold */

        }


       

        .righttop {
                font-size: 20px;
        }

        .rightbottom {
            font-size: 20px;


        }

        hr {
            border: none;
            height: 1px;
            /* Set the hr color */
            color: rgb(177, 176, 176); /* old IE */
            background-color: rgb(177, 176, 176); /* Modern Browsers */
            margin: 5px 5px;
        }
        a {
            color: white
        }

        #leftb{
                   width: auto;     
                    }
        .leftbox {
            /* float: left; */
            width: 100%;
        }
        .txthead {
            font-size: 20px;
            margin-left: 5px;
            margin: auto;
            width: 90%;
            
        }
        
        .txtcontent {
            /* font-size: 18px; */
            color: rgb(130, 129, 129);
            -webkit-overflow-scrolling:touch;
                /* height:20px; */
                /* padding: 10px; */
            white-space: nowrap;
            overflow-x: scroll;
            overflow-y: hide;
            /* padding: 10px 5px */


        }
        input{
            width: 500px;
            
        }

        .txtcontent a {
            color: black;
         
        }
        select {
            outline: none;
            border: 1px solid #5555;
            background: #fefefe;
            /* padding: 10px; */
            
            /* width: 20px; */
        }
        option {
            width: 20px;
        }
        .select {
            /* border: 1px solid #5555; */
            cursor: pointer;
            /* padding: 10px; */
        }

        #standard-select {
            outline: none;
            margin: 10px;
            width: 200px;
            padding: 10px 5px;
            border-radius: 5px;

        }

        #standard-select option {
            width: 100px;
            border-radius: 5px;

        }

        .container {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            /* font-size: 22px; */
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            }

            /* Hide the browser's default radio button */
            .container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            }

                        /* Create a custom radio button */
            .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: transparent;
            border: 2px solid #e6e6e6;
            border-radius: 50%;
            }

            /* On mouse-over, add a grey background color */
            .container:hover input ~ .checkmark {
            background-color: #ccc;
            }

            /* When the radio button is checked, add a blue background */
            .container input:checked ~ .checkmark {
            background-color: #2196F3;
            }

            /* Create the indicator (the dot/circle - hidden when not checked) */
            .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            }

            /* Show the indicator (dot/circle) when checked */
            .container input:checked ~ .checkmark:after {
            display: block;
            }

            /* Style the indicator (dot/circle) */
            .container .checkmark:after {
                top: 9px;
                left: 9px;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: white;
            }
            .topone{

                    padding: 10px 10px;
            }

            .middleone {
                    padding: 5px 10px;
                    margin: 5px 10px;
                    font-size: 20px;
            }
          

            .bottomone{
                    margin-left: 20px;
                    width: 90%;
                    height: 80px;
                    overflow: hidden;  
            }
            #subcard {
                height:90px; /* 40px - more place for scrollbar, is hidden under parent box */
                padding:5px;
                white-space:nowrap;
                overflow-x: scroll;
                overflow-y: hide;
                -webkit-overflow-scrolling:touch;
                
            }
            .subcards {
                display: inline-block;
                border: 1px solid #a9a9af;
                padding: 10px 10px;
                margin: 10px 5px;
                border-radius: 5px;
                /* float: left; */
                
            }

            .subcards a {
                color: black;
                text-decoration: none
            }

            .subcards + .subcards{
                margin-left:5px
            }

            .forseo {

                padding: 0;
                margin: 0;
            }
    
            .forseo h1{
                padding: 0;
                margin: 0;
               color: rgb(122, 116, 121);
               font-weight: normal;
               font-size: 18px
               
            }

             label {
                padding: 5px 5px;
                margin: 5px 5px;
                width: 180px;
                color: grey;
            }
            /* .filterbox {

            } */
            .filterbox input {
                    width: 20px;
                    margin-left: 3px;
                  
            }
            .filterbox input[type="radio"]{
                border: 1px solid rgb(194, 192, 192);
            }
            /*
    









/* ----- */



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

        .mainheader{
        width: 100%;
        margin: 0 auto;
        }

        .headtop {
        width: 95%;
        }

        .fleft {
        margin-left: 5px;
        width: 20%;
        }

        /* .fleft img {
        width: 10%;
        } */


        .fright{
        float: right;
        margin-left: 30%;
        /* width: 220px;
        display: inline;
        border: 1px salmon solid; */
        }

        .headbottom{
        width: 96%;
        padding: 10px 5px;
        margin: 10px 5px;


        }

        .fsearchbox {
        width: 95%;
        margin-left: 10px;
        /* margin: 0 auto; */
        }

        .firstRow {
            width: 100%;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: space-around;
            margin-top: 5px;
            background: radial-gradient(#fff, #fff2d6);
            border-radius: 20px;
            

            }

            .thesecond {
                /* border: 1px solid #5555; */
                margin: 5px 5px;
                /* float: left; */
                width: 99%;
            }  

        .indone {
            width: 95%;
            margin: 10px 20px;
            /* float: left;
            border: skyblue 1px solid; */


        }

        .sfaster {
            float: left;
            margin-left: 10%;
            margin-top: 10px;
            margin-bottom: 10px;
        
        }
        .bsafer {
            float: left;
            margin-left: 20%;
            margin-top: 10px;
            margin-bottom: 10px;

        }

        .home-btton {
        
            padding: 5px 5px;

            width: 99%;
            margin-top: 5px;
            border-radius: 20px;
            /* float: right; */
            /* margin-right: 60%; */
        }

        .everywhere {
            /* margin: 10px 10px; */
            font-size: 20px;
            margin-bottom: 10px;
            margin-left: 20%;
            margin-top: 5px;
        }

        .custom-select {
            /* background-color:   rgb(249, 249, 250); */
            /* border: 1px solid #fefefe; */
            width: 90%;
            height: 40px;
            border-radius: 10px;
            padding: 5px 10px;
            /* margin: 5px 40px; */
            margin-left: 5%;
            margin-top: 10px;
            margin-bottom: 30px;
            float: left;


        }
        .home-btton i {
            color: #fefefe;
            font-size: 120%;
        }



        .mainsegarea {
        width: 95%
        }

        .segcard {
        width: 80%;

        } 


            /* for listing  */

            .themain {

                width: 99%;

                }
            .secmain {

                    width: 100%;
                }



                .theimg{
                    width: 100%;
                }


                /* for segprevious  */
                .thefirst {
                    width: 97%;
           }

           .theleftarea {
                   display: block;
                   width: 97%;
                   height: 100px;
                   margin: 5px 5px;
                   padding: 5px;
                   overflow-y: hidden;


               }
               .therightarea{
                   /* background: #fefefe; */
                   border-radius: 5px;
                   float: left;
                   width: 97%;
                   margin: 5px 5px;
               
               }

               #leftb{
                   height: 120px; /* 40px - more place for scrollbar, is hidden under parent box */
                   padding: 5px;
                   white-space:nowrap;
                   overflow-x: scroll;
                   overflow-y: hidden;
                   -webkit-overflow-scrolling:touch;
            
               }
               .leftbox {
                
                   width: 25%;
                   display: inline-block;
                   padding: 10px 10px;
                   margin: 10px 5px;
                   border-radius: 5px;
                   border: 1px solid #2196F3;
                   
               }

               .leftbox + .leftbox{
                   margin-left:5px
               }


                /* ----  */

                /* sr header  */

                .thefirst {
                    width: 97%;
           }
           .wholeline{
               background: #fefefe
           }

         
               .locfilter{
                   float: left;
                   width: 98%;
                   margin: 5px 5px;
                   border-radius: 5px;
                   background: #fefefe;
                   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
               }
               .pricefilter {
                   background: #fefefe;
                   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);

                   border-radius: 5px;
                   float: left;
                   width: 98%;
                   margin: 5px 5px;


               }

               #leftb{
                   height: 150px; /* 40px - more place for scrollbar, is hidden under parent box */
                   padding: 5px;
                   white-space:nowrap;
                   overflow-x: scroll;
                   overflow-y: hidden;
                   -webkit-overflow-scrolling:touch;
            
               }
               .leftbox {
                
                   width: 25%;
                   display: inline-block;
                   /* padding: 10px 10px; */
                   margin: 10px 5px;
                   border-radius: 5px;
                   border: 1px solid #2196F3;
                   
               }

               .leftbox + .leftbox{
                   margin-left:5px
               }

               .show-penu-btn, .hide-penu-btn{
      
                   display: block;
               }



               .subcards {
                   /* display: inline-block; */
                   /* border: 1px solid #a9a9af; */
                   padding: 10px 10px;
                   margin: 5px 5px;
                   /* border-radius: 5px; */
                   /* float: left; */
                   
               }
               .penu {
                   position: fixed;
                   width: 80%;
                   height: 100vh;
                   background: rgb(221, 220, 222);
                   left: -100%;
                   top: 200px;
                   /* left: 50px; */
                   padding: 80px 0;
                   transition: 0.7s;
                   text-align: center;
                   padding: 80px 0;
                   line-height: normal;
                   border-top-right-radius: 10px;
                   border-bottom-right-radius: 10px;
               }

               .penu a {
                   display: block;
                   padding: 5px;

               }

               .hide-penu-btn {
                   position: absolute;
                   top: 40px;
                   right: 40px;
               }

                input[type="checkbox"]{
                width: 10px;
                margin: 5px 5px;
                 }
               
               #chk:checked ~ .penu{
                   left:0
               }


               .ftop{
                   padding: 5px 5px;
                   font-weight: bold;
                   margin: 5px 5px;

               }
               .fmiddle {
                   padding: 5px 5px;
                   /* width: 99%; */
                   float: left;
                   width: 99%
                   

               }

               #min, #max{
                   width: 40%;
                   padding: 20px 5px;
                   float: left;
               }
               #min {
                   margin-left: 5%
               }
               #max {
                   margin-left: 15%
               }

               .fmiddle .fspace{
                   width: 10px;
                  
               }


               .fbottom {
                   padding: 5px 5px;
               
                   width: 99%

               }
               
               .fbottom  input[type="submit"]{
               
                   padding: 15px 10px;
               
                   width: 80px;
                  
                   margin-left: 5%;
                   font-weight: bold

               }

               .xfilter {
                   padding: 10px 5px;
                   margin-top: 10px;
                   float: left
               }


               .listing{
                width: 99%;
                margin: 5px 5px;
                border-radius: 5px;
        
                    }

                .theimg{
                    width: 40%;
                    
                }

        }




        @media screen and (max-width: 768px) {
        .mainheader{
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 20px
        }
     .adtop {
            display: none;
        }
            .fleft{
        /* float: right */
        padding: 2px 2px;

        }
        .fright{
        /* float: left; */
        margin-left: 23%;
       /* border: 1px solid #f02c2c;*/
        width: 40%;
        /* width: 240px;
        display: inline;
        border: 1px salmon solid;
        padding: 5px 5px; */
        }
         label {
                padding: 1px 1px;
                /*margin: 5px 5px;*/
                /*width: 80px;*/
            }
            .show-menu-btn i {
                margin: 2px 2px;
                /* line-height: 25px; */
                font-size: 28px;
                color: wheat;
            }

        .descrarea {
            display: none;
        }

        .fsearchbox {
        width: 98%;
        /* margin-left: 10%; */
        /* margin: 0 auto; */
        }

        .show-menu-btn, .hide-menu-btn {
        display: inline;

        }


        .menu {
        position: fixed;
        width: 60%;
        height: 60vh;
        background: rgb(249, 248, 248);
        line-height: normal;
        left: 0;
        top: 0;
        left: -110%;
        transition: 0.7s;
        border-top-right-radius: 10px;
        /* color: white; */
        }

        .menu a {
        display: block;
        padding: 20px;

        }

        .menu h4{
            color: rgb(20, 138, 235);
            display: inline-block;
            }
        .menu hr {
        color: rgb(158, 31, 31);
        display: block;
        }


        .menu a:hover, .show-menu-btn, .hide-menu-btn{

        margin-right: 10%;
        }
        .hide-menu-btn {
        position: absolute;
        top: 40px;
        right: 40px;
        }

        .thewrap{
        position: absolute;
        right: 5%;
        top: 10px;

        }

        #themenu:checked ~ .menu{
        left: 0;
        }

        .leftCol {
            /* width: 0%; */
            min-width: 90%;
        }

        .indone {
            width: 95%;
            margin: 10px 5px;


        }
        .indtwo {
            width: 95%;
            margin: 10px 5px;


        }

        .rightCol {

        display: none

        }

        .middleone h1 {
           display: none;
       }
       
        .mainsegarea {
        width: 97%;

        margin-left: 5px;
        margin-right: 5px;

        border-radius: 5px;
        padding: 5px 5px;


        }

        .mcarea {
        /* padding: 2%; */
        margin: 1%;
        width: 28%;
        height: 160px;


        }



        .segcard {
        width: 88%;
        /* height: 120px; */
        padding: 1px 1px;
        margin: 1px 1px;

        }
        .card-content {
        width: 90%;
        }

        /* .fortext {
        width: 80%;
        } */


        /* for listing  */

        .themain {
            width: 99%;

            }
            .listing{

                margin: 5px 5px;
                border-radius: 5px;
            }
      

            /* for seo header  */
            .thefirst {
                width: 97%;
                    }

                    .penu {
                        position: fixed;
                        width: 70%;
                        height: 100vh;
                        background: rgb(221, 220, 222);
                        left: -100%;
                        top: 5%;
                        /* left: 50px; */
                        padding: 80px 0;
                        transition: 0.7s;
                        text-align: center;
                        padding: 80px 0;
                        z-index: 100;
                        overflow-y: scroll;
                        
                    }    
            /* nice  */

             .theimg{
                    width: 38%;
                    
                }
                .theother {
                    width: 58%;
                    /* border: 1px solid greenyellow; */
                }
        }


        @media screen and (max-width: 480px) {
        .mainheader{
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 20px
        }

        .thewrap{
            /* position: absolute; */
            right: 2%;
            top: 10px;

            }
            .fsearchbox button {
                /* float: left; */
                width: 15%;

            }


            

            .thirdrow {
                width: 100%;
                padding: 5px 5px;
                /* margin: 5px 5px; */
                background: white;
                float: left;
                margin: 0 auto;
                border-radius: 10px;
            }
            .fourthrow {
                margin-top: 15px;
                width: 99%;
                float: left;

                margin-right: 1px;
                /* background: rgb(216, 237, 254); */
                /*border: rgb(156, 86, 86) 1px solid;*/
            }
            .mainsegarea {
                width: 99%;
                margin-left: 1px;
                margin-right: 1px;
                padding: 1px 1px;
            }

            .secmain {
                width: 99%;

                margin-left: 1px;
            }


        .icon:before {
            /* content: '';
            display: flex;
            justify-content: center;
            align-items: center; */
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 2px solid rgb(234, 89, 247);
            font-size: 20px;
            color: rgb(255, 255, 255);
            background: rgb(235, 20, 181);
            margin: 1px 12px;
            /* background: #ffffff; */
            /* padding: 1px 1px; */
            /* rgb(247, 244, 89) */
            }

            .thewraptext {
                font-size: 14px;
            }

        .headtop{
            width: 98%;
            padding: 1px 1px;
            margin: 1px 1px;

        }

        .headbottom {
            margin-top: 5px;
        }
        .fleft {
            /* width: 10%; */
            margin: 20px 5px;
            padding: 2px 2px;
        }
        /* .fleft img {
            width: 100%;
        } */

        .fright{
            /* float: left; */
            margin-left: 23%;
            /*border: 1px solid #43f02c;*/
            width: 40%;

            }

        .show-menu-btn, .hide-menu-btn {
        display: block;

        }
        .home-btton {
            padding: 5px 5px;
            width: 99%;
            margin-top: 5px;
            /* border-radius: 20px; */
        }

        .everywhere {
            /* margin: 10px 10px; */
            /* font-size: 20px;
            margin-bottom: 10px; */
            margin-left: 10%;
            /* margin-top: 5px; */
        }

        .leftCol {
            /* width: 0%; */
            min-width: 99%;
        }

        .leftCol h1 {
            /* float: right; */
            font-size: 250%;
            line-height: 5px;
            /* color: #07528b; */
            /* margin-right: 20%; */
            margin-bottom: 10px;
            margin: 20px;
        }

        .sfaster {
            margin-left: 3%;
            margin-top: 10px;
            margin-bottom: 10px;
        
        }
        .bsafer {
            margin-left: 10%;

        }

        .mainsegarea {
            width: 98%;

            margin-left: 2px;
            margin-right: 2px;

            border-radius: 5px;
            padding: 2px 2px;
            

        }
        .segcard {
            width: 88%;
            height: 100px;
            padding: 5px 2px;
            margin: 5px 2px;

        }

        .menu h4{
            color: rgb(20, 138, 235);
            display: inline-block;
            }

        .mcarea {
            padding: 1px 1px;
            /* border: thistle 1px solid;
            float: left; */
            margin: 1px 1px;
            /* width: 180px; */
            width: 32%;
            height: 160px;
            /* overflow: hidden;
            position: relative; */
            /* margin-bottom: 20px;
            margin-top: 20px;
            margin-left: 10px; */
            
        }
        .fortext {
            font-size: 0.9em;
            margin: 1px 1px;
        }

        /* for listing  */

        .themain {
            width: 99%;

            }
        /* .secmain {

            width: 100%;
            } */
          

            .pagination {
                width: 90%;
                margin-left: 3%;
                float: left;
                display: block;
                padding: 15px 5px;
                border-radius: 10px;
                /* margin-left: 40px; */
            }

            .pagination li {
                display: inline;
                margin-left: 1px;
                margin-right: 1px;
                /* border: salmon 1px solid; */
                /* padding: 5px 5px; */
                /* background: rgb(250, 186, 178); */
            }

            .pagination li:first-child {
                margin: 0 2px 0 0;
            }
            .pagination li:last-child {
                margin: 0 2px 0 0;
            }

            .therightarea{
                width: 99%;
                margin: 1px 1px;
            }
            
            .listing{
                width: 99%;
                margin: 5px 1px;
                border-radius: 5px;
            }
              
            .theimg{
                width: 35%;
                
            }
            .theother {
                width: 61%;
                /* border: 1px solid greenyellow; */
                padding: 1px 1px;
                margin: 1px 3px;
            }

            .thetitle {
                font-size: 90%;
                width: 97%;
                margin-top: 3px;
                margin-bottom: 3px;
                font-weight: bold
                /* font-family: 'PT Sans'; */
              
            }
            .theloc {
                font-size: 12px;
                float: left;
                width: 90%;
                margin-top: 3px;
                margin-bottom: 3px;
                color: grey;
            }


        }


}