/*-----------------------------------------------------------------------------

Dainfern Golf Estate Stylesheet

version: 1.1
Year: 2017
author: Mahlatse Mike Malete
email: mikemahlatse@gmail.com
phone: +27 73 046 9104
website: http://www.creativebox.co.za
-----------------------------------------------------------------------------*/


@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.navbar-toggle {
		top: -7px !important;
	}

	#Layer_1 {
		max-width: 190px !important;
		margin-left:15% !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:40% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */

	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}

	#elements{
		display: block;
	}

	#about {
		padding-top: 70px !important;
		height: auto !important;
	}

	.banner {
		height: 768px !important;
		background-position: right !important;
	}

	.bg-light {
		height: 100% !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: 100% !important;
	}

	.main-nav.sticky {
	    height: 74px!important
	}

	.subheading{
		padding-top: 0px !important;
	}

	.lifetyle-buttons {
	    margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
    	margin-bottom: 20px !important;
	}

	.dainfern-secondary {
	    width: 250px !important;
	}

	.dainfern-logo{
		width: 200px !important;
    	margin: 0 auto !important;
	}


	nav ul {
	    margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
	    margin-bottom: 70px !important;
	    margin-left: 20px !important;
	    margin-right: 20px !important;
	    width: 200px !important;
	}

	.about-us-intro{
		height: 100% !important;
	}
 }



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


	.navbar-toggle {
	      top: -70px !important;
	    }

	#Layer_1 {
		max-width: 190px !important;
		margin-left:15% !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:30% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */
	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}


	#elements{
		display: none !important;
	}



	#about {
		padding-top: 175px !important;
		height: 100% !important;
	}

	.banner {
		height: 768px !important;
		background-position: right !important;
	}

	.lifestyle-details {
		padding: 0px 30px 30px 30px !important;
		width: 96% !important;
		height: 400px !important;
	}

	.lifestyle-details:hover {
		padding: 0px 30px 30px 30px !important;
		width: 96% !important;
		height: 400px !important;
	}

	.bg-light {
		height: 100% !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: 100% !important;
	}

	.main-nav.sticky {
	    height: 60px !important;
	}

	.subheading{
		padding-top: 0px !important;
	}

	.lifetyle-buttons {
	    margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.college{
		margin-top: 0 !important;
		padding-bottom: 20px !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
    	margin-bottom: 20px !important;
	}

	.dainfern-secondary {
	    width: 100% !important;
	}

	.nature{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.csi-section{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		background-position: bottom !important;
	}

	.dainfern-logo{
		width: 150px !important;
    	margin-left: -5px !important;
	}


	nav ul {
	    margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
	    margin-bottom: 70px !important;
	    margin-left: 20px !important;
	    margin-right: 20px !important;
	    width: 200px !important;
	}

	.about-us-intro{
		height: 100% !important;
	}
}



@media screen and (max-width: 840px)
{
	.navbar-toggle {
	      top: -70px !important;
	    }

	#Layer_1 {
		max-width: 190px !important;
		margin-left:15% !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:30% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */
	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}


	#elements{
		display: none !important;
	}



	#about {
		padding-top: 175px !important;
		height: 100% !important;
	}

	.banner {
		height: 768px !important;
		background-position: right !important;
	}

	.lifestyle-details {
		padding: 0px 30px 30px 30px !important;
		width: 96% !important;
		height: 400px !important;
	}

	.lifestyle-details:hover {
		padding: 0px 30px 30px 30px !important;
		width: 96% !important;
		height: 400px !important;
	}

	.bg-light {
		height: 100% !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: 100% !important;
	}

	.main-nav.sticky {
	    height: 60px !important;
	}


	.lifetyle-buttons {
	    margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.college{
		margin-top: 0 !important;
		padding-bottom: 20px !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
    	margin-bottom: 20px !important;
	}

	.dainfern-secondary {
	    width: 100% !important;
	}


	.csi-section{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		background-position: bottom !important;
	}

	.dainfern-logo{
		width: 150px !important;
    	margin-left: -5px !important;
	}


	nav ul {
	    margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
	    margin-bottom: 70px !important;
	    margin-left: 20px !important;
	    margin-right: 20px !important;
	    width: 200px !important;
	}

	.about-us-intro{
		height: 100% !important;
	}

}



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


	.navbar-toggle {
        top: -5px !important;
   		margin-right: -7px;
    }

	#Layer_1 {
		max-width: 190px !important;
		margin-left:15% !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:30% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */
	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}


	#elements{
		display: none !important;
	}



	#about {
		padding-top: 175px !important;
		height: 100% !important;
	}

	.banner {
		height:768px !important;
		background-position: right !important;
	}

	.lifestyle-details {
		padding: 0px 30px 30px 30px !important;
		width: 96% !important;
		height: 400px !important;
	}

	.lifestyle-details:hover {
		padding: 0px 30px 30px 30px !important;
		width: 96% !important;
		height: 400px !important;
	}

	.bg-light {
		height: 100% !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: 100% !important;
	}

	.main-nav.sticky {
	    height: 60px !important;
	}


	.lifetyle-buttons {
	    margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.college{
		margin-top: 0 !important;
		padding-bottom: 20px !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
    	margin-bottom: 20px !important;
	}

	.dainfern-secondary {
	    width: 100% !important;
	}


	.csi-section{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		background-position: bottom !important;
	}

	.dainfern-logo{
		width: 150px !important;
    	margin-left: 300px !important;
	}


	nav ul {
	    margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
	    margin-bottom: 70px !important;
	    margin-left: 20px !important;
	    margin-right: 20px !important;
	    width: 200px !important;
	}

	.about-us-intro{
		height: 100% !important;
	}

	.golf-landing-bg {
		background-size: cover !important;
	}

	.works-form-seperator {
		height: 0 !important;
		margin-top: 0 !important;
	}

	.how-it-works {
		height: auto !important;
	}
	.golf-yellow {
		margin-top: 130px !important;
	}

	.works-icons-container {
		border: 2px solid #f5f5f5 !important;
	}
	.footer-logo {
		margin: -55px auto !important;
	}
	.golf-landing-form{
		height: auto !important;
	}
	.menu-wrapper{
		margin-top: -45px !important;
		margin-right: 15px !important;
		width: 110px !important;
	}
	#login-btn{
		margin-top: 10px !important;
	}
	.top-wrapper {
		padding-top: 60px !important;
	}
	

}



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

.empty-section{
height: 500px !important;
}



    #login-btn{
     display: none !important;
   }

   .navbar-toggle {
      top: -6px !important;
		margin-right: -10px !important;
    }

	#Layer_1 {
		max-width: 190px !important;
		margin-left:0 !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:12% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */
	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}

	#elements{
		display: none !important;
	}

	.about-features {
		padding: -70px 0 60px 0 !important;
	}

	#about {
		padding-top: 175px !important;
		height: 100% !important;
	}

	.banner {
		height: 768px !important;
		background-position: right !important;
	}

	.lifestyle-details:hover {
		padding: 0px 30px 30px 30px !important;
		width: 90% !important;
		height: 400px !important;
	}

	.bg-light {
		height: auto !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: auto !important;
	}

	.main-nav.sticky {
	    height: 60px !important;
	}

	.subheading{
		padding-top: 0px !important;
	}

	.lifetyle-buttons {
	    margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.college{
		margin-top: 0 !important;
		padding-bottom: 20px !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
    	margin-bottom: 20px !important;
	}

	.dainfern-secondary {
	    width: 100% !important;
	}

	.csi-section{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		background-position: bottom !important;
	}

	.dainfern-logo{
		width: 150px !important;
    	margin-left: -5px !important;
	}


	nav ul {
	    margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
	    margin-bottom: 70px !important;
	    margin-left: 20px !important;
	    margin-right: 20px !important;
	    width: 200px !important;
	}

	.about-us-intro{
		height: auto !important;
	}


	.pro-shop{
	  display: none !important;
	}

	#download-menu{
	  display: none !important;
	}

	#call{
	  margin-bottom: 20px !important;
	}
	.works-form-seperator {
		background-color: #EDE0C7 !important;
		height: 0 !important;
		margin-top: 0 !important;
	}
	.sign-up-container {
		height: 100px !important;
	}
	.golf-landing-bg {
		background-size: cover !important;
	}
	.how-it-works {
		height: auto !important;
	}
	.golf-yellow {
		margin-top: 100px !important;
	}
	.works-icons-container {
		border: 2px solid #f5f5f5 !important;
	}
	.cmasa_logo_container{
		float: left !important;
	}
	.footer img {
		padding-top: 0 !important;
		margin-top: -260px !important;
	}
	.cb-h4{
		float: left !important;
	}
	.footer-logo {
		margin: 0 auto !important;
	}
	.golf-landing-form{
		height: auto !important;
	}
	.menu-wrapper{
		margin-top: -45px !important;
		margin-right: 15px !important;
		width: 110px !important;
	}
	.top-wrapper {
		padding-top: 60px !important;
	}
	.inline-span{
	    display: none !important;
	}
	.fa-left-class {
        padding-top: 295px !important;
    }
    
    .fa-right-class {
        padding-top: 295px !important;
        padding-left: 0 !important;
    }
    .golf-scape-section {
        height: auto !important;
    }
    .corporate-bg{
        background-image: url('') !important;
        background-color: #fff !important;
        
    }
    .corporate-golf-form{
        width: 100% !important;
    }
    .corporate-hr{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .festive-sign-up-container{
        height: 90px !important;
    }
    .festive-landing-form{
        height: 100% !important;
    }
    .festive-red {
        height: 100% !important;
        margin-bottom: 130px !important;
    }
    .festive-tickets-img {
        margin: -89px auto !important
    }
    .festive-landing-h3 {
        padding-top: 95px !important;
    }
    
    .get-tickets{
        padding-bottom: 55px !important;
    }
    
    .festive-season {
        padding-bottom: 30px !important;
    }
    .nature{
        height:100% !important;
    }
    
    .projects{
        height:100% !important;
        background-position: bottom !important;
    }
    .agents-card {
        height: 100% !important;
    }
    .membership-landing-bg {
    height: 865px !important;
    }
    .membership-form-seperator {
    height: auto !important;
    }
    .membership-h1 {
        font-size: 45px !important;
    }
}



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

.empty-section{
height: 500px !important;
}

    #login-btn{
     display: none !important;
   }

   .navbar-toggle {
      top: -6px !important;
		margin-right: -10px !important;
    }

	#Layer_1 {
		max-width: 190px !important;
		margin-left:0 !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:12% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */
	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}

	#elements{
		display: none !important;
	}

	.about-features {
		padding: -70px 0 60px 0 !important;
	}

	#about {
		padding-top: 175px !important;
		height: 100% !important;
	}

	.banner {
		height: 768px !important;
		background-position: right !important;
	}

	.lifestyle-details:hover {
		padding: 0px 30px 30px 30px !important;
		width: 93% !important;
		height: 400px !important;
	}

	.bg-light {
		height: auto !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: auto !important;
	}

	.main-nav.sticky {
			height: 60px !important;
	}

	.subheading{
		padding-top: 0px !important;
	}

	.lifetyle-buttons {
			margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.college{
		margin-top: 0 !important;
		padding-bottom: 20px !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
			margin-bottom: 20px !important;
	}

	.dainfern-secondary {
			width: 100% !important;
	}

	.csi-section{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		background-position: bottom !important;
	}

	.dainfern-logo{
		width: 150px !important;
    	margin-left: -5px !important;
	}


	nav ul {
			margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
			margin-bottom: 70px !important;
			margin-left: 20px !important;
			margin-right: 20px !important;
			width: 200px !important;
	}

	.about-us-intro{
		height: auto !important;
	}


	.pro-shop{
	  display: none !important;
	}

	#download-menu{
	  display: none !important;
	}

	#call{
	  margin-bottom: 20px !important;
	}

	.img-cards-dainfern{
	  width: 100% !important;
	}
	.works-form-seperator {
		background-color: #EDE0C7 !important;
		height: 0 !important;
		margin-top: 0 !important;
	}
	.sign-up-container {
		height: 100px !important;
	}
	.golf-landing-bg {
		background-size: cover !important;
	}
	.how-it-works {
		height: auto !important;
	}
	.golf-yellow {
		margin-top: 100px !important;
	}
	.works-icons-container {
		border: 2px solid #f5f5f5 !important;
	}
	.cmasa_logo_container{
		float: left !important;
	}
	.footer img {
		padding-top: 0 !important;
		margin-top: -260px !important;
	}
	.cb-h4{
		float: left !important;
	}
	.footer-logo {
		margin: 0 auto !important;
	}
	.golf-landing-form{
		height: auto !important;
	}
	.menu-wrapper{
		margin-top: -45px !important;
		margin-right: 15px !important;
		width: 110px !important;
	}
	.top-wrapper {
		padding-top: 60px !important;
	}
	.inline-span{
	    display: none !important;
	}
	.fa-left-class {
        padding-top: 295px !important;
    }
    
    .fa-right-class {
        padding-top: 295px !important;
        padding-left: 0 !important;
    }
    .golf-scape-section {
        height: auto !important;
    }
    .corporate-bg{
        background-image: url('') !important;
        background-color: #fff !important;
        
    }
    .corporate-golf-form{
        width: 100% !important;
    }
    .corporate-hr{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .festive-sign-up-container{
        height: 90px !important;
    }
    .festive-red {
        height: 100% !important;
        margin-bottom: 130px !important;
    }
    .festive-tickets-img {
        margin: -89px auto !important
    }
    .festive-landing-h3 {
        padding-top: 95px !important;
    }
    
    .get-tickets{
        padding-bottom: 55px !important;
    }
    
    .festive-season {
        padding-bottom: 30px !important;
    }
    .nature{
        height:100% !important;
    }
    
    .projects{
        height:100% !important;
        background-position: bottom !important;
    }
    .agents-card {
        height: 100% !important;
    }
    .membership-landing-bg {
    height: 865px !important;
    }
    .membership-form-seperator {
    height: auto !important;
    }
    .membership-h1 {
        font-size: 45px !important;
    }
}



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

.empty-section{
height: 100px !important;
}


    #login-btn{
     display: none !important;
   }

   .navbar-toggle {
      top: -6px !important;
		margin-right: -10px !important;
    }

	#Layer_1 {
		max-width: 190px !important;
		margin-left:0 !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:12% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */
	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}

	#elements{
		display: none !important;
	}

	.about-features {
		padding: -70px 0 60px 0 !important;
	}

	#about {
		padding-top: 175px !important;
		height: 100% !important;
	}

	.banner {
		height: 768px !important;
		background-position: right !important;
	}

	.lifestyle-details:hover {
		padding: 0px 30px 30px 30px !important;
		width: 90% !important;
		height: 400px !important;
	}

	.bg-light {
		height: auto !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: auto !important;
	}

	.main-nav.sticky {
			height: 60px !important;
	}

	.subheading{
		padding-top: 0px !important;
	}

	.lifetyle-buttons {
			margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.college{
		margin-top: 0 !important;
		padding-bottom: 20px !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
			margin-bottom: 20px !important;
	}

	.dainfern-secondary {
			width: 100% !important;
	}


	.csi-section{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		background-position: bottom !important;
	}

	.dainfern-logo{
		width: 150px !important;
    	margin-left: -5px !important;
	}


	nav ul {
			margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
			margin-bottom: 70px !important;
			margin-left: 20px !important;
			margin-right: 20px !important;
			width: 200px !important;
	}

	.about-us-intro{
		height: auto !important;
	}


	.pro-shop{
	  display: none !important;
	}

	#download-menu{
	  display: none !important;
	}

	#call{
	  margin-bottom: 20px !important;
	}
	.works-form-seperator {
		background-color: #EDE0C7 !important;
		height: 0 !important;
		margin-top: 0 !important;
	}
	.sign-up-container {
		height: 100px !important;
	}
	.golf-landing-bg {
		background-size: cover !important;
	}
	.how-it-works {
		height: auto !important;
	}
	.golf-yellow {
		margin-top: 100px !important;
	}
	.works-icons-container {
		border: 2px solid #f5f5f5 !important;
	}
	.cmasa_logo_container{
		float: left !important;
	}
	.footer img {
		padding-top: 0 !important;
		margin-top: -260px !important;
	}
	.cb-h4{
		float: left !important;
	}
	.footer-logo {
		margin: 0 auto !important;
	}
	.golf-landing-form{
		height: auto !important;
	}
	.menu-wrapper{
		margin-top: -45px !important;
		margin-right: 15px !important;
		width: 110px !important;
	}
	.top-wrapper {
		padding-top: 60px !important;
	}
	.inline-span{
	    display: none !important;
	}
	.fa-left-class {
        padding-top: 295px !important;
    }
    
    .fa-right-class {
        padding-top: 295px !important;
        padding-left: 0 !important;
    }
    .golf-scape-section {
        height: auto !important;
    }
    .corporate-bg{
        background-image: url('') !important;
        background-color: #fff !important;
        
    }
    .corporate-golf-form{
        width: 100% !important;
    }
    .corporate-hr{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .festive-sign-up-container{
        height: 90px !important;
    }
    .festive-landing-form{
        height: 100% !important;
    }
    .festive-red {
        height: 100% !important;
        margin-bottom: 130px !important;
    }
    .festive-tickets-img {
        margin: -89px auto !important
    }
    .festive-landing-h3 {
        padding-top: 95px !important;
    }
    
    .get-tickets{
        padding-bottom: 55px !important;
    }
    
    .festive-season {
        padding-bottom: 30px !important;
    }
    .nature{
        height:100% !important;
    }
    
    .projects{
        height:100% !important;
        background-position: bottom !important;
    }
    .agents-card {
        height: 100% !important;
    }
    .membership-landing-bg {
    height: 865px !important;
    }
    .membership-form-seperator {
    height: auto !important;
    }
    .membership-h1 {
        font-size: 45px !important;
    }
}



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

.empty-section{
height: 100px !important;
}


    #login-btn{
     display: none !important;
   }

   .navbar-toggle {
      top: -6px !important;
		margin-right: -10px !important;
    }

	#Layer_1 {
		max-width: 190px !important;
		margin-left:0 !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:8% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */
	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}

	#elements{
		display: none !important;
	}

	.about-features {
		padding: -70px 0 60px 0 !important;
	}

	#about {
		padding-top: 175px !important;
		height: 100% !important;
	}

	.banner {
		height: 768px !important;
		background-position: right !important;
	}

	.lifestyle-details:hover {
		padding: 0px 30px 30px 30px !important;
		width: 90% !important;
		height: 400px !important;
	}

	.bg-light {
		height: auto !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: auto !important;
	}

	.main-nav.sticky {
			height: 60px !important;
	}

	.subheading{
		padding-top: 0px !important;
	}

	.lifetyle-buttons {
			margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.college{
		margin-top: 0 !important;
		padding-bottom: 20px !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
			margin-bottom: 20px !important;
	}

	.dainfern-secondary {
			width: 100% !important;
	}

	.csi-section{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		background-position: bottom !important;
	}

	.dainfern-logo{
		width: 150px !important;
    	margin-left: -5px !important;
	}


	nav ul {
			margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
			margin-bottom: 70px !important;
			margin-left: 20px !important;
			margin-right: 20px !important;
			width: 200px !important;
	}

	.about-us-intro{
		height: auto !important;
	}


	.pro-shop{
	  display: none !important;
	}

	#download-menu{
	  display: none !important;
	}

	#call{
	  margin-bottom: 20px !important;
	}
	.works-form-seperator {
		background-color: #EDE0C7 !important;
		height: 0 !important;
		margin-top: 0 !important;
	}
	.sign-up-container {
		height: 100px !important;
	}
	.golf-landing-bg {
		background-size: cover !important;
	}
	.how-it-works {
		height: auto !important;
	}
	.golf-yellow {
		margin-top: 100px !important;
	}
	.works-icons-container {
		border: 2px solid #f5f5f5 !important;
	}
	.cmasa_logo_container{
		float: left !important;
	}
	.footer img {
		padding-top: 0 !important;
		margin-top: -260px !important;
	}
	.cb-h4{
		float: left !important;
	}
	.footer-logo {
		margin: 0 auto !important;
	}
	.golf-landing-form{
		height: auto !important;
	}
	.menu-wrapper{
		margin-top: -45px !important;
		margin-right: 15px !important;
		width: 110px !important;
	}
	.top-wrapper {
		padding-top: 60px !important;
	}
	.inline-span{
	    display: none !important;
	}
	.fa-left-class {
        padding-top: 295px !important;
    }
    
    .fa-right-class {
        padding-top: 295px !important;
        padding-left: 0 !important;
    }
    .golf-scape-section {
        height: auto !important;
    }
    .corporate-bg{
        background-image: url('') !important;
        background-color: #fff !important;
        
    }
    .corporate-golf-form{
        width: 100% !important;
    }
    .corporate-hr{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .festive-sign-up-container{
        height: 90px !important;
    }
    .festive-landing-form{
        height: 100% !important;
    }
    .festive-red {
        height: 100% !important;
        margin-bottom: 130px !important;
    }
    .festive-tickets-img {
        margin: -89px auto !important
    }
    .festive-landing-h3 {
        padding-top: 95px !important;
    }
    
    .get-tickets{
        padding-bottom: 55px !important;
    }
    
    .festive-season {
        padding-bottom: 30px !important;
    }
    .nature{
        height:100% !important;
    }
    
    .projects{
        height:100% !important;
        background-position: bottom !important;
    }
    .agents-card {
        height: 100% !important;
    }
    .membership-landing-bg {
    height: 865px !important;
    }
    .membership-form-seperator {
    height: auto !important;
    }
    .membership-h1 {
        font-size: 45px !important;
    }
}




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

.empty-section{
height: 100px !important;
}



  #login-btn{
     display: none !important;
   }

   .navbar-toggle {
      top: -6px !important;
		margin-right: -10px !important;
    }

	#Layer_1 {
		max-width: 190px !important;
		margin-left:0 !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:8% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */
	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}

	#elements{
		display: none !important;
	}

	.about-features {
		padding: -70px 0 60px 0 !important;
	}

	#about {
		padding-top: 175px !important;
		height: 100% !important;
	}

	.banner {
		height:768px !important;
		background-position: right !important;
	}

	.lifestyle-details:hover {
		padding: 0px 30px 30px 30px !important;
		width: 90% !important;
		height: 400px !important;
	}

	.bg-light {
		height: 100% !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: auto !important;
	}

	.main-nav.sticky {
			height: 60px !important;
	}

	.subheading{
		padding-top: 0px !important;
	}

	.lifetyle-buttons {
			margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.college{
		margin-top: 0 !important;
		padding-bottom: 20px !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
			margin-bottom: 20px !important;
	}

	.dainfern-secondary {
			width: 100% !important;
	}

	.csi-section{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		background-position: bottom !important;
	}

	.dainfern-logo{
		width: 150px !important;
    	margin-left: -5px !important;
	}


	nav ul {
			margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
			margin-bottom: 70px !important;
			margin-left: 20px !important;
			margin-right: 20px !important;
			width: 200px !important;
	}

	.about-us-intro{
		height: auto !important;
	}



	.pro-shop{
	  display: none !important;
	}

	#download-menu{
	  display: none !important;
	}

	#call{
	  margin-bottom: 20px !important;
	}

	.works-form-seperator {
		background-color: #EDE0C7 !important;
		height: 0 !important;
		margin-top: 0 !important;
	}
	.sign-up-container {
		height: 100px !important;
	}
	.golf-landing-bg {
		background-size: cover !important;
	}
	.how-it-works {
		height: auto !important;
	}
	.golf-yellow {
		margin-top: 100px !important;
	}
	.works-icons-container {
		border: 2px solid #f5f5f5 !important;
	}
	.cmasa_logo_container{
		float: left !important;
	}
	.footer img {
		padding-top: 0 !important;
		margin-top: -260px !important;
	}
	.cb-h4{
		float: left !important;
	}
	.footer-logo {
		margin: 0 auto !important;
	}
	.golf-landing-form{
		height: auto !important;
	}
	.menu-wrapper{
		margin-top: -45px !important;
		margin-right: 15px !important;
		width: 110px !important;
	}
	.top-wrapper {
		padding-top: 60px !important;
	}
	.inline-span{
	    display: none !important;
	}
	.fa-left-class {
        padding-top: 295px !important;
    }
    
    .fa-right-class {
        padding-top: 295px !important;
        padding-left: 0 !important;
    }
    .golf-scape-section {
        height: auto !important;
    }
    .corporate-bg{
        background-image: url('') !important;
        background-color: #fff !important;
        
    }
    .corporate-golf-form{
        width: 100% !important;
    }
    .corporate-hr{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .festive-sign-up-container{
        height: 90px !important;
    }
    .festive-landing-form{
        height: 100% !important;
    }
    .festive-red {
        height: 100% !important;
        margin-bottom: 130px !important;
    }
    .festive-tickets-img {
        margin: -89px auto !important
    }
    .festive-landing-h3 {
        padding-top: 95px !important;
    }
    
    .get-tickets{
        padding-bottom: 55px !important;
    }
    
    .festive-season {
        padding-bottom: 30px !important;
    }
    .nature{
        height:100% !important;
    }
    
    .projects{
        height:100% !important;
        background-position: bottom !important;
    }
    .agents-card {
        height: 100% !important;
    }
    
    .membership-landing-bg {
    height: 865px !important;
    }
    .membership-form-seperator {
    height: auto !important;
    }
    .membership-h1 {
        font-size: 45px !important;
    }
}




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

.empty-section{
height: 100px !important;
}


    #login-btn{
     display: none !important;
    }

	.navbar-toggle {
      top: -6px !important;
		margin-right: -10px !important;
    }

	#Layer_1 {
		max-width: 190px !important;
		margin-left:0 !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:8% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */
	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}

	#elements{
		display: none !important;
	}

	.about-features {
		padding: -70px 0 60px 0 !important;
	}

	#about {
		padding-top: 0px !important;
		height: 100% !important;
	}

	.banner {
		height:768px !important;
		background-position: right !important;
	}

	.lifestyle-details:hover {
		padding: 0px 30px 30px 30px !important;
		width: 90% !important;
		height: 400px !important;
	}

	.bg-light {
		height: auto !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: auto !important;
	}


		.main-nav.sticky {
	    height: 60px !important;
	}

	.subheading{
		padding-top: 0px !important;
	}

	.lifetyle-buttons {
	    margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.college{
		margin-top: 0 !important;
		padding-bottom: 20px !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
    	margin-bottom: 20px !important;
	}

	.dainfern-secondary {
	    width: 100% !important;
	}


	.csi-section{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		background-position: bottom !important;
	}

	.dainfern-logo{
		width: 150px !important;
    	margin-left: -5px !important;
	}


	nav ul {
	    margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
	    margin-bottom: 70px !important;
	    margin-left: 20px !important;
	    margin-right: 20px !important;
	    width: 200px !important;
	}

	.about-us-intro{
		height: auto !important;
	}


	.pro-shop{
	  display: none !important;
	}

	#download-menu{
	  display: none !important;
	}

	#call{
	  margin-bottom: 20px !important;
	}
	.works-form-seperator {
		background-color: #EDE0C7 !important;
		height: 0 !important;
		margin-top: 0 !important;
	}
	.sign-up-container {
		height: 100px !important;
	}
	.golf-landing-bg {
		background-size: cover !important;
	}
	.how-it-works {
		height: auto !important;
	}
	.golf-yellow {
		margin-top: 100px !important;
	}
	.works-icons-container {
		border: 2px solid #f5f5f5 !important;
	}
	.cmasa_logo_container{
		float: left !important;
	}
	.footer img {
		padding-top: 0 !important;
		margin-top: -260px !important;
	}
	.cb-h4{
		float: left !important;
	}
	.footer-logo {
		margin: 0 auto !important;
	}
	.golf-landing-form{
		height: auto !important;
	}
	.menu-wrapper{
		margin-top: -45px !important;
		margin-right: 15px !important;
		width: 110px !important;
	}
	.top-wrapper {
		padding-top: 60px !important;
	}
	.inline-span{
	    display: none !important;
	}
	.fa-left-class {
        padding-top: 295px !important;
    }
    
    .fa-right-class {
        padding-top: 295px !important;
        padding-left: 0 !important;
    }
    .golf-scape-section {
        height: auto !important;
    }
    .corporate-bg{
        background-image: url('') !important;
        background-color: #fff !important;
        
    }
    .corporate-golf-form{
        width: 100% !important;
    }
    .corporate-hr{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .festive-sign-up-container{
        height: 90px !important;
    }
    .festive-landing-form{
        height: 100% !important;
    }
    .festive-red {
        height: 100% !important;
        margin-bottom: 130px !important;
    }
    .festive-tickets-img {
        margin: -86px auto !important;
    }
    .festive-landing-h3 {
        padding-top: 95px !important;
    }
    
    .get-tickets{
        padding-bottom: 55px !important;
    }
    
    .festive-season {
        padding-bottom: 30px !important;
    }
    .nature{
        height:100% !important;
    }
    
    .projects{
        height:100% !important;
        background-position: bottom !important;
    }
    .agents-card {
        height: 100% !important;
    }
    .membership-landing-bg {
    height: 865px !important;
    }
    .membership-form-seperator {
    height: auto !important;
    }
    .membership-h1 {
        font-size: 45px !important;
    }
}




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

.empty-section{
height: 100px !important;
}


   /*Members Portal Button*/
   #login-btn{
     display: none !important;
   }


   #Layer_1 {
		max-width: 190px !important;
		margin-left:0 !important;
	}

	#status {
	  width:300px;
	  height:300px;
	  position:absolute;
	  left:5% !important; /* centers the loading animation horizontally one the screen */
	  top:20% !important; /* centers the loading animation vertically one the screen */
	  background-image:url(../images/FusionLoader300.gif); /* path to your loading animation */
	}

	#elements{
		display: none !important;
	}

	.about-features {
		padding: -70px 0 20px 0 !important;
	}

	#about {
		padding-top: 20px !important;
		height: 100% !important;
	}

	.banner {
		height:768px !important;
		background-position: right !important;
	}

	.lifestyle-details:hover {
		padding: 0px 30px 30px 30px !important;
		width: 90% !important;
		height: 400px !important;
	}

	.bg-light {
		height: auto !important;
	}

	.news {
		height: 100% !important;
	}

	.community {
		height: 100% !important;
	}

	#map-contact{
		width: 100% !important;
	}

	.areas {
		height: auto !important;
	}

	.main-nav.sticky {
	    height: 60px !important;
	}

	.subheading{
		padding-top: 0px !important;
	}

	.lifetyle-buttons {
	    margin-bottom: 20px !important;
	}

	.map{
		width: 100% !important;
	}

	.college{
		margin-top: 0 !important;
		padding-bottom: 20px !important;
	}

	.dain-headings{
		padding-top: 0 !important;
	}

	.dain-btn{
		margin-top: 20px !important;
    	margin-bottom: 20px !important;
	}

	.dainfern-secondary {
	    width: 100% !important;
	}

	.csi-section{
		height: 100% !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		background-position: bottom !important;
	}

	.dainfern-logo{
		width: 150px !important;
    	margin-left: -5px !important;
	}


	nav ul {
	    margin: -239px -91px !important;
	}

	.discover-btn{
		margin-top: 20px !important;
	    margin-bottom: 70px !important;
	    margin-left: 20px !important;
	    margin-right: 20px !important;
	    width: 200px !important;
	}

	.fixed-action-btn{
		margin-bottom: 60px !important;
		margin-right: 2px !important;
	}

	.about-us-intro{
		height: auto !important;
	}



	.pro-shop{
	  display: none !important;
	}

	#download-menu{
	  display: none !important;
	}

	#call{
	  margin-bottom: 20px !important;
	}
	.works-form-seperator {
		background-color: #EDE0C7 !important;
		height: 0 !important;
		margin-top: 0 !important;
	}
	.sign-up-container {
		height: 100px !important;
	}
	.golf-landing-bg {
		background-size: cover !important;
	}
	.how-it-works {
		height: auto !important;
	}
	.golf-yellow {
		margin-top: 100px !important;
		height: 390px !important;
	}
	.works-icons-container {
		border: 2px solid #f5f5f5 !important;
	}
	.cmasa_logo_container{
		float: left !important;
	}
	.footer img {
		padding-top: 0 !important;
		margin-top: -135px !important;
	}
	.cb-h4{
		float: left !important;
	}
	.footer-logo {
		margin: 0 auto !important;
	}
	.golf-landing-form{
		height: auto !important;
	}
	.menu-wrapper{
		margin-top: -45px !important;
		margin-right: 15px !important;
		width: 110px !important;
	}
	.navbar-toggle {
		top: -6px !important;
		margin-right: -10px !important;
	}
	.top-wrapper {
		padding-top: 60px !important;
	}
	.inline-span{
	    display: none !important;
	}
	.fa-left-class {
        padding-top: 295px !important;
    }
    
    .fa-right-class {
        padding-top: 295px !important;
        padding-left: 0 !important;
    }
    .golf-scape-section {
        height: auto !important;
    }
    .corporate-bg{
        background-image: url('') !important;
        background-color: #fff !important;
        
    }
    .corporate-golf-form{
        width: 100% !important;
    }
    .corporate-hr{
        width: 100% !important;
        margin-left: 0 !important;
    }
    
    .festive-sign-up-container{
        height: 90px !important;
    }
    .festive-landing-form{
        height: 100% !important;
    }
    .festive-red {
        height: 100% !important;
        margin-bottom: 130px !important;
    }
    
    .festive-tickets-img {
        margin: -76px auto !important;
    }
    .festive-landing-h3 {
        padding-top: 95px !important;
    }
    
    .get-tickets{
        padding-bottom: 55px !important;
    }
    
    .festive-season {
        padding-bottom: 30px !important;
    }
    
    .nature{
        height:100% !important;
    }
    
    .projects{
        height:100% !important;
        background-position: bottom !important;
    }
    
    .agents-card {
        height: 100% !important;
    }
    .membership-landing-bg {
    height: 865px !important;
    }
    .membership-form-seperator {
    height: auto !important;
    }
    .membership-h1 {
        font-size: 45px !important;
    }
}