/* CSS Document */
@media only screen and (max-width: 320px)
{

.left-nav-btn
{
left:-10px !important;
}
.right-nav-btn
{
right:-10px !important;
background-position: top right;
}
.wordhide
{
display:none !important;
visibility : hidden !important; 	
}	
.dreamshow 
{
display:block !important;
visibility: visible !important;
}

#hero h2
{
font-size:35px !important;
}
.sliderbutton-marright
{
margin-right:0px!important;	
} 
.resfeaturemartop
{
margin-top:40px !important;	
} 
.resfeaturemartop1
{
margin-top:40px !important;	
} 
.resmartop
{
margin-top:40px !important;	
} 
.bluetext1
{
font-size:42px !important;
padding-top:5px !important;
}
.bluetext2
{
font-size:38px !important;
padding-top:5px !important;
}
.bluebackgroundmartop
{
margin-top:20px !important;	
}
.reddiv
{
width:80% !important;
float:none !important;
margin:0 auto !important;
}
.blackdiv
{
width:80% !important;
float:none !important;
margin:0 auto !important;
}
.resblackdivmar
{
margin-top:15px !important;	
}
.indexcontform
{
width:100% !important;
padding:0px 0px !important;
box-shadow: none !important;
}
.indexconrowmar
{
margin-top:20px !important;
}
.resindexconrowmar
{
margin-top:20px !important;    
}
.radiodivleft
{
width:100%;
margin:0 auto;'
float:none !important;
margin-top:0px !important;
}
.radiodivright
{
width:100%; 
margin:0 auto;'
float:none !important;
}
.btnmar
{
margin-top:30px;
margin-bottom:35px;	
}
.middlefooterdiv
{
width:100% !important;
}
.speech-bubble 
{
right:95px;
width:auto !important;
}
.back-to-top 
{
right: 20px;
bottom: 90px;
}
.contact-form 
{
border:none !important;
padding: 0px 0px !important;
margin-top:20px !important;
}
.contbigtextmar
{
margin-top:60px !important;
}
.contbigtext 
{
text-align:center !important;
}
.textleft
{
text-align:center !important;
}
.contact-address
{
margin-top:20px !important;	
padding-bottom:40px !important;
}
.resthanarow
{
margin-top:0px !important;
}
.resthanamar	
{
margin-top:40px !important;	
}
.res6
{
width:50% !important;
}
.respricebox
{
margin-top:30px !important;   
}
.contact-ovrlay
{
padding-top:80px !important;
}
.whitesmalltext
{
font-size:19px !important;
}
.whitebigtext
{
font-size:30px;
padding-top:5px !important;
}
.pricelistdiv20
{
width:100% !important;
float:none !important;
margin:0 auto !important;
}
.condiv-left
{
width:15% !important;
}
.condiv-right
{
width:85% !important;
}
.modal-content1 
{
width:95% !important;
}
.modal
 {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px !important;
--bs-modal-padding: 1rem;
--bs-modal-margin:1rem !important;
--bs-modal-color: ;
--bs-modal-bg: #fff;
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: 1px;
--bs-modal-border-radius: 0.5rem;
--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-modal-inner-border-radius: calc(0.5rem - 1px);
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: 1px;
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: 1px;
}
.modalhalfpad
{
margin-top:10px !important;	
}
.onloadpopheading
{
padding-top:10px !important;
padding-bottom:15px !important;
}


}


@media only screen and (min-width: 321px) and (max-width: 480px) 
{
 
.left-nav-btn
{
left:-10px !important;
}
.right-nav-btn
{
right:-10px !important;
background-position: top right;
}
.wordhide
{
display:none !important;
visibility : hidden !important; 	
}	
.dreamshow 
{
display:block !important;
visibility: visible;
}
.connectbutton
{
width:58% !important;
padding: 8px 10px !important;
} 
#hero 
{
height:850px !important;
}
#hero h2
{
font-size:35px !important;
margin-top:160px !important;
}
#hero p
{
margin-top:20px !important;
}
.indexpropserdiv
{
width:100% !important;
float:none !important;
margin:0 auto !important;
margin-top:25px !important;
}
.indexpropselectdiv
{
width:100% !important;
background-color:#ffffff;
}
.indexpropselect 
{
width:92% !important;
}
.indexpropinputdiv
{
width:100%;
padding-left:0px !important;
margin-top:20px !important;	
}
.abc
{
width:100% !important;
height:180px !important;
}
.abc li a
{
font-size:17px !important;
}
.indexprosearbuttondiv
{
width:100% !important;
padding-left:0px !important;
margin-top:20px !important;	
}
.indexprosearbutton 
{
width:100% !important;
padding:14px 0px !important;
}
.sliderbelowdiv
{
width:100%;
height:336px;
margin-top:-240px!important;
}
.m-hide
{
display:none !important;	
}
.sliderbutton-marright
{
margin-right:0px!important;	
} 
.resfeaturemartop
{
margin-top:40px !important;	
} 
.resfeaturemartop1
{
margin-top:40px !important;	
} 
/*--------------------------------------------------------------*/
.resmar
{
margin-top:35px !important;
}
/*--------------------------------------------------------------*/
.resmartop
{
margin-top:40px !important;	
} 
.bluetext1
{
font-size:42px !important;
padding-top:5px !important;
}
.bluetext2
{
font-size:38px !important;
padding-top:5px !important;
}
.bluebackgroundmartop
{
margin-top:20px !important;	
}
.reddiv
{
width:80% !important;
float:none !important;
margin:0 auto !important;
}
.blackdiv
{
width:80% !important;
float:none !important;
margin:0 auto !important;
}
.resblackdivmar
{
margin-top:15px !important;	
}
.indexcontform
{
width:100% !important;
padding:0px 0px !important;
box-shadow: none !important;
}
.indexconrowmar
{
margin-top:20px !important;
}
.resindexconrowmar
{
margin-top:20px !important;    
}
.radiodivleft
{
width:100%;
margin:0 auto;'
float:none !important;
margin-top:0px !important;
}
.radiodivright
{
width:100%; 
margin:0 auto;'
float:none !important;
}
.btnmar
{
margin-top:30px;
margin-bottom:35px;	
}
.middlefooterdiv
{
width:100% !important;
}
.speech-bubble 
{
right:95px;
width:auto !important;
}
.back-to-top 
{
right: 20px;
bottom: 90px;
}
.contact-form 
{
border:none !important;
padding: 0px 0px !important;
margin-top:20px !important;
}
.contbigtextmar
{
margin-top:40px !important;
}
.contbigtext 
{
text-align:center !important;
}
.textleft
{
text-align:center !important;
}
.contact-address
{
margin-top:20px !important;	
padding-bottom:40px !important;
}
.resthanarow
{
margin-top:0px !important;
}
.resthanamar	
{
margin-top:40px !important;	
}
.searchdiv
{
width:100% !important;
margin-bottom:19px !important;
} 
.search-input
{
width:100% !important;
}
.searchbutton
{
width:100% !important;
margin-top:25px !important;
} 
.resoverview
{
margin-bottom:40px !important;	
}
.res6
{
width:50% !important;
}
.respricebox
{
margin-top:30px !important;   
}
.contact-ovrlay
{
padding-top:80px !important;
}
.whitesmalltext
{
font-size:19px !important;
}
.whitebigtext
{
font-size:30px;
padding-top:5px !important;
}
.pricelistdiv20
{
width:100% !important;
float:none !important;
margin:0 auto !important;
}
.condiv-left
{
width:15% !important;
}
.condiv-right
{
width:85% !important;
}
.modal-content1 
{
width:95% !important;
}
.modal
 {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px !important;
--bs-modal-padding: 1rem;
--bs-modal-margin:1rem !important;
--bs-modal-color: ;
--bs-modal-bg: #fff;
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: 1px;
--bs-modal-border-radius: 0.5rem;
--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-modal-inner-border-radius: calc(0.5rem - 1px);
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: 1px;
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: 1px;
}
.modalhalfpad
{
margin-top:10px !important;	
}
.onloadpopheading
{
padding-top:10px !important;
padding-bottom:15px !important;
}
.cube
{
display:none !important;
}


.mobpromar
{
margin-top:40px !important;	
} 
.mobamenmar
{
margin-top:40px !important;	    
}
.propageheading3
{
padding-left:0px !important;
padding-top:0px !important;
}
.propagehighdiv
{
width:100% !important;
float:left;
margin-left:0px !important;
margin-top:10px !important;
}
.propageheading4
{
padding-top:30px !important;
}
.propagelocdiv
{
padding-bottom:40px !important;
margin-top:30px !important;
}
.propageloc50
{
width:100% !important;
float:left;
}
.propageheading5
{
padding-top:30px !important;
}
.propagehubdiv
{
width:100% !important;

margin-top:30px !important;
margin-left:0px !important;
}
.propagehubpoints
{
width:80% !important;
float:none !important;
margin:0 auto !important;
margin-left:0px !important;
margin-bottom:20px !important;
}


}


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

.wordhide
{
display:none !important;
visibility : hidden !important; 	
}	
.dreamshow 
{
display:block !important;
visibility: visible;
}

.left-nav-btn
{
left:-10px !important;
}
.right-nav-btn
{
right:-10px !important;
background-position: top right;
}

.connectbutton
{
width:40% !important;
padding: 8px 10px !important;
}
#hero 
{
height:850px !important;
}
#hero h2
{
font-size:30px !important;
margin-top:160px;
}
#hero p
{
margin-top:20px !important;
}
.indexpropserdiv
{
width:100% !important;
float:none !important;
margin:0 auto !important;
margin-top:25px !important;
}
.indexpropselectdiv
{
width:100% !important;
background-color:#ffffff;
}
.indexpropselect 
{
width:92% !important;
}
.indexpropinputdiv
{
width:100%;
padding-left:0px !important;
margin-top:20px !important;	
}
.abc
{
width:100% !important;
height:180px !important;
}
.indexprosearbuttondiv
{
width:100% !important;
padding-left:0px !important;
margin-top:20px !important;	
}
.indexprosearbutton 
{
width:100% !important;
padding:14px 0px !important;
}
.sliderbelowdiv
{
width:100%;
height:348px;
margin-top:-200px !important;
}
.m-hide
{
display:none !important;	
}
/*--------------------------------------------------------------*/
.resmar
{
margin-top:35px !important;
}
/*--------------------------------------------------------------*/
.resmartop
{
margin-top:40px !important;	
}
.resfeaturemartop
{
margin-top:40px !important;	
}
.resfeaturemartop1
{
margin-top:40px !important;	
}
.bluetext1
{
font-size:42px !important;
padding-top:27px !important;
}
.bluetext2
{
font-size:38px !important;
padding-top:5px !important;
}
.bluebackgroundmartop
{
margin-top:20px !important;	
}
.reddiv
{
width:60% !important;
float:none !important;
margin:0 auto !important;
}
.blackdiv
{
width:60% !important;
float:none !important;
margin:0 auto !important;
}
.resblackdivmar
{
margin-top:15px !important;	
}
.indexcontform
{
width:100% !important;
padding:0px 0px !important;
box-shadow: none !important;
}
.indexconrowmar
{
margin-top:20px !important;
}
.resindexconrowmar
{
margin-top:20px !important;    
}
.radiodivleft
{
width:100%;
margin:0 auto;'
float:none !important;
margin-top:0px !important;
}
.radiodivright
{
width:100%; 
margin:0 auto;'
float:none !important;
}
.indexcontform
{
width:100% !important;
}
.btnmar
{
margin-top:30px;
margin-bottom:35px;	
}
.middlefooterdiv
{
width:100% !important;
}
.speech-bubble 
{
right:110px;
width:auto !important;
}
.contbigtextmar
{
margin-top:40px !important;
}
.contbigtext 
{
text-align:center !important;
}
.textleft
{
text-align:center !important;
}
.contact-address
{
margin-top:20px !important;		
padding-bottom:40px !important;
}
.resthanarow
{
margin-top:0px !important;	
}
.resthanamar	
{
margin-top:40px !important;	
}
.searchdiv
{
width:100% !important;
margin-bottom:19px !important;
} 
.search-input
{
width:100% !important;
}
.searchbutton
{
width:100% !important;
margin-top:25px !important;
} 
.res6
{
width:33% !important;
}
.respricebox
{
margin-top:30px !important;   
}
.contact-ovrlay
{
padding-top:70px !important;
}
.whitebigtext
{
font-size:35px;
}
.condiv-left
{
width:15% !important;
}
.condiv-right
{
width:85% !important;
}
.modal-content1 
{
width:90% !important;
}
.modal
 {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px !important;
--bs-modal-padding: 1rem;
--bs-modal-margin:1rem !important;
--bs-modal-color: ;
--bs-modal-bg: #fff;
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: 1px;
--bs-modal-border-radius: 0.5rem;
--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-modal-inner-border-radius: calc(0.5rem - 1px);
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: 1px;
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: 1px;
}
.modalhalfpad
{
margin-top:10px !important;	
}
.onloadpopheading
{
padding-top:10px !important;
padding-bottom:15px !important;
}



}


@media only screen and (min-width: 769px) and (max-width: 992px) 
{

.wordhide
{
display:none !important;
visibility : hidden !important; 	
}	
.dreamshow 
{
display:block !important;
visibility: visible;
}
 
.connectbutton
{
width:25% !important;
padding: 8px 10px !important;
}
#hero 
{
height:850px !important;
}
#hero h2
{
font-size:50px !important;
margin-top:160px;
text-align:left !important;
}
#hero p
{
text-align:left !important;
margin-top:20px !important;	
}
.indexpropserdiv
{
width:100% !important;
float:none !important;
margin:0 auto !important;
margin-top:20px !important;
}
.indexpropselectdiv
{
width:100% !important;
background-color:#ffffff;
}
.indexpropselect 
{
width:92% !important;
}
.indexpropinputdiv
{
width:100%;
padding-left:0px !important;
margin-top:25px !important;	
}
.abc
{
width:100% !important;
height:220px !important;
}
.indexprosearbuttondiv
{
width:100% !important;
padding-left:0px !important;
margin-top:25px !important;	
}
.indexprosearbutton 
{
width:100% !important;
padding:14px 0px !important;
}
.sliderbelowdiv
{
margin-top:-200px;
}
.m-hide
{
display:none !important;	
}
/*--------------------------------------------------------------*/
.resmar
{
margin-top:35px !important;
}
/*--------------------------------------------------------------*/
.resfeaturemartop1
{
margin-top:40px !important;	
}
.bluetext1
{
padding-top:20px !important;
}
.bluebackgroundmartop
{
margin-top:15px !important;	
}
.reddiv
{
width:40% !important;
float:none !important;
margin:0 auto !important;
}
.blackdiv
{
width:40% !important;
float:none !important;
margin:0 auto !important;
}
.resblackdivmar
{
margin-top:15px !important;	
}
.indexcontform
{
width:auto !important;
}
.indexconrowmar
{
margin-top:20px !important;
}
.resindexconrowmar
{
margin-top:20px !important;    
}
.radiodivleft
{
width:100%;
margin:0 auto;'
float:none !important;
margin-top:0px !important;
}
.radiodivright
{
width:100%; 
margin:0 auto;'
float:none !important;
}
.middlefooterdiv
{
width:100% !important;
}
#footer .footer-top h4
{
padding-top:25px !important;
}
.speech-bubble 
{
width:auto !important;
}
.contbigtext 
{
text-align:center !important;
}
.textleft
{
text-align:center !important;
}
.contbigtextmar
{
margin-top:40px !important;
}
.contact-address
{
padding-bottom:40px !important;
}
.resthanarow
{
margin-top:0px !important;
}
.resthanamar	
{
margin-top:40px !important;	
}
.searchdiv
{
width:100% !important;
} 
.res6
{
width:33% !important;
}
.respricebox
{
margin-top:30px !important; 
}
.condiv-left
{
width:15% !important;
}
.condiv-right
{
width:85% !important;
}
.modal 
{
--bs-modal-width:85% !important;
}
.rescol6
{
width:50% !important;
}
.modal-content1 
{
width:70% !important;
}
.modalhalfdiv
{
width:50% !important;
}


}


@media only screen and (min-width: 993px) and (max-width: 1200px) 
{
	
.wordhide
{
display:none !important;
visibility : hidden !important; 	
}	
.dreamshow 
{
display:block !important;
visibility: visible;
}
#hero 
{
height:740px !important;
}
#hero h2
{
margin-top:270px;
font-size:70px !important;
}
.indexpropserdiv
{
width:100%;
}	
.reddiv
{
width:65% !important;
}
.blackdiv
{
width:65% !important;
}
.indexcontform
{
width:90% !important;
}
.speech-bubble 
{
width:auto !important;
}
.searchdiv
{
width:100% !important;
} 	
.modal-content1 
{
width:50% !important;
}

}


@media only screen and (min-width: 1201px) and (max-width: 1770px) 
{
    
#hero 
{
height:850px !important;
}
#hero h2
{
margin-top:250px;
}
.reddiv
{
width:52% !important;
}
.blackdiv
{
width:52% !important;
}
.indexcontform
{
width:70% !important;
}
.speech-bubble 
{
width:auto !important;
}

}