﻿body{ font-family: 'Roboto', sans-serif; background-color:#eceff1 /*overflow-y:hidden;*/}
.bdr{border:1px solid red!important;}
.logo-head{ background-color:#c9302c; padding:1% 0%; text-align:center; font-size:18px; color:#fff;}
.main{width:100%; margin-top:2%; min-height:500px; background-color:#eceff1}
.main1 {width: 70%;padding: 15px;border-radius: 4px;min-height: 410px;background-image: url('../images/2.jpg');margin: 0 auto 0 auto !important;}
.property-one{ width:100%; min-height:200px; background-color:#fff;}
.box1 {width: 100%;display: block;padding: 4px;margin-bottom: 20px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: border .2s ease-in-out;-o-transition: border .2s ease-in-out;transition: border .2s ease-in-out;box-shadow: 0px 4px 14px #cfcfcf;float:left}
.in-st{width:42%!important; background-image:url(../images/ca.png); cursor:pointer; background-position: 90% 40%; background-repeat: no-repeat;}




.in-st-new{width:42%!important; background-image:url(../images/ca.png); cursor:pointer; background-position: 90% 40%; background-repeat: no-repeat;}
.drp-new{width: 96%!important; margin: 0% 2% !important; background-color: #ffffff !important;}







.in-st1{width:35%!important; background-image:url(../images/ca.png); cursor:pointer; background-position: 90% 40%; background-repeat: no-repeat; margin-top:7%; padding:1%;}
.in-st2{width:20%!important;  cursor:pointer; padding:1%!important}
.in-alt{width:20%!important; background-image: url(../images/alt.png); cursor:pointer; background-position: 90% 40%; background-repeat: no-repeat;}
.in-chd{width:20%!important; background-image: url(../images/chd.png); cursor:pointer; background-position: 90% 40%; background-repeat: no-repeat;}
.in-hme{width:20%!important; background-image: url(../images/hme.png); cursor:pointer; background-position: 90% 40%; background-repeat: no-repeat;}
.in-fod{width:20%!important; background-image: url(../images/fod.png); cursor:pointer; background-position: 90% 40%; background-repeat: no-repeat;}
.in-nyt{width:10%!important; background-image: url(../images/nyt.png); cursor:pointer; background-position: 90% 40%; background-repeat: no-repeat;}

.night{width:10%!important; margin:0% 2%!important}
.m-t3{ margin-top:2%;}
.box2 {    width: 100%;float:left; }
.txt{ padding-left: 5%; padding-top:1%;}
.txt p{font-size:14px; font-weight:300; color:#243238; line-height:70%; letter-spacing: 1px!important}
.ts {font-size: 22px; width:10%!important; min-height:26px!important; font-weight:bold!important; color:#000!important; border:none!important; background-color:#eceff1!important; float:left}
.ts1 { text-align:center; font-size: 20px;  min-height:26px!important; font-weight:bold!important;  float:left}
.sub{width:100%; margin:0%; padding:0%; text-align:center}
.sub1{width:100%; margin:0%; padding:0%;}
.m-b1{ margin-bottom :1%!important;}
.m-b2{ margin-bottom :1%!important;}
.m-t1{margin-top: 1%!important;}
.m-t2{margin-top: 2%!important;}
.m-t5{margin-top: 3%!important;}.logo-head
.m-mt0{margin-top:0}
.w{ width:100%; float:left}

 .footer {
   position:fixed!important;
   bottom:0!important;
   width:100%!important;
   padding:2% 0!important;   /* Height of the footer */
}
.in-st-new{width: 47%!important;
    background-image: url(../images/ca.png);
    cursor: pointer;
    background-position: 90% 40%;
    background-repeat: no-repeat;
    float: left;
    margin-left: 2%;}
.dropbtn {
    border: none;
    cursor: pointer;
    width: 100%!important;
    padding:15px 12px;
    font-size:14px;
    text-transform:uppercase;
}

/*.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}*/

.dropdown {
    position: relative;
    background-image: url(../images/aro.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-position: 90% 40%;
    text-align:center
}

.dropdown-content {

    display: none;
    position: relative;
    background-color: #fff;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width: 100%;
    border-radius:0px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #ddd}

.show {display:block;}

.in-value{
    width: 40%; float: left!important; text-align: center; font-size:12px!important
}
/*19-6-2018*/
.new-sign{
    padding: 2px 12px;
    margin: 2px;
    cursor:pointer;
}
.m-t2-px{
    margin-top:2px;
}
.room{
    width: 40%;
    float: left;
    text-align: center;
    font-size:14px;
    margin-top:10px;
}
#ErrorMsgDiv{
    margin-top: 5%;
    color: #c9302c;
    border: thin solid rgba(128, 128, 128, 0.4);
    padding: 5px;
    background-color: #fffff6;
}


@media only screen and (max-width: 1024px) {.box2 {  width:100%!important;}}
@media only screen and (max-width: 985px) {
.in-hme, .in-alt, .in-chd, .in-fod{width:49%!important; background-position: 90% 40%; background-repeat: no-repeat;}
  .main1{
        width:100%!important;
    }

}

@media only screen and (max-width: 768px) {
.box2 { width:100%!important;}
.form-control{ width:100%!important;}
.night { margin:0%!important;}
.sub{ padding-left:30%!important; margin-top:0%!important;}
.m-mt0{margin-top:-3%}
.in-st1, .in-st2{ width:30%!important; margin-left:1%; float:left; margin-top:1%!important;}
.ts{min-width:10%!important;}
.in-st-new{ width:96%!important}
    .drp-new {
        margin: 2% 2% !important;
    }
    .main1{
        width:100%!important;
            padding: 15px 0px;
    }
    .dropdown{
        text-align:left!important;
        /*padding: 2% 0%!important;*/
    }
    .dropbtn {
    font-size: 14px!important;
}
}

@media only screen and (max-width: 480px) {
    .sub{ padding-left:20%!important; margin-top:2%!important;} 
    .sub1{ padding-left:19%!important; margin-top:2%!important;} 
    .m-mt0{margin-top:-5%}
    .in-st1, .in-st2{margin-top:1%!important; margin-left:0%; width:100%!important;}
    
     .dropbtn{
         /*font-size:11px!important;*/
     }
     .ts{min-width:24%!important;}

}
@media only screen and (max-width: 320px) {.dropdown
    .sub{ padding-left:5%!important; margin-top:2%!important;}
    .sub1{ padding-left:19%!important; margin-top:2%!important;}  
    .in-st1, .in-st2{margin-top:3%!important;}
    .ts{min-width:28%!important;}
      .dropdown {
   background-position: 94% 20%;
}
}



::-webkit-scrollbar-thumb:vertical {
background-color:#999999;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#999999;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

::-webkit-scrollbar {
width:7px;
height:7px;
background-color:#ffffff;
}

@media only screen and (max-width: 600px) {
    
::-webkit-scrollbar-thumb:vertical {
background-color:#999999;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#999999;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

::-webkit-scrollbar {
width:3px;
height:3px;
background-color:#ffffff;
}
}