/*
	Title:		EyeGym
	Date:		18 May, 2016
-------------------------------------	
*/
.right-content a{background: transparent; border: 1px solid #FFFFFF; border-radius: 2px; width: 268px; height: 50px; display: block;}

.button-type-1,.button-type-2,.button-type-3{float: left;position:relative;width: 268px;}
.button-type-1 a,.button-type-2 a,.button-type-3 a{float: left;width: 100%;padding: 13px 0;text-align: center;text-decoration: none;color: #ffffff;font-family:'Work Sans', sans-serif;font-size: 20px;line-height: 24px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight: 700;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;background: #00c6d9;}


.button-type-2 a{padding: 12px 0;border: 1px solid #ffffff;color: #ffffff;background: transparent;}
.button-type-3 a{padding: 12px 0;border: 1px solid #00c6d9;color: #00c6d9;background: transparent;}


.button-type-1 a:hover{background-color: rgba(0, 197, 217, 0.9);}

.button-type-2 a:hover{background: #ffffff;color: #00c6d9;}

.button-type-3 a:hover{background: #00c6d9;color: #ffffff;}

.button-large{width: 268px;}
.small-btn{max-width: 187px; height: 44px;}
.medium-btn{max-width: 245px; height: 44px;}


.social-btn-wrap .button-type-1 a{float: left; width: 100%; padding: 8px 0 5px; margin: 16px 0 0; height: 44px; display: block;}
.social-btn-wrap .button-type-1:last-child a{margin-top: 10px;}
.social-btn-wrap .button-type-1 a .icon{float: left; margin: 0 0 0 27px; width: 11.5px }
.social-btn-wrap .button-type-1:last-child a .icon{float: left; width: 22.6px; margin: 3px 0 0 22px;}

/* Khayer Codes */

.feature-page .banner-wrap .content-right .button-type-2{margin:75px 0 0}
.feature-content .description-wrap .button-type-1{margin:35px 0 0}
.real-result-page .banner-wrap .content-right .button-type-2{margin:53px 0 0}

/* // Khayer Codes */

/* News page */
.read-btns{ float: left; width: 164px; border-radius: 3px;}
.login-get-started-wrap a.get-started:hover{border: solid 1px #ffffff;}









/* ================================================================================= */
/* =============================== Responsive CSS ================================== */
/* ================================================================================= */

@media only screen and (max-width:767px) {	
    .header-section .button-type-2{float: none; max-width: 450px; width: 100%; margin: 0 auto; clear: both; overflow: hidden}

    #who-is-eyegym-section .lower-section .right-content-wrap .right-content-details .medium-btn{max-width: 205px}
    .lower-section .button-type-1{width: 100%;}
    #who-is-eyegym-section .lower-section .right-content-wrap .right-content-details .medium-btn{max-width: 400px; float: none; clear: both; overflow: hidden; margin: 28px auto 0; display: inline-block}
    
    .button-type-2 a{padding: 12px 0;border: 1px solid #ffffff;color: #ffffff;background: #00c6d9 !important;}

    /* Khayer Codes */

    .feature-page .banner-wrap .content-right .button-type-2{float:none;clear:both;margin:0 auto;padding:30px 0 0}
    .feature-content .description-wrap .button-type-1{float:none;clear:both;margin:0 auto;padding:30px 0 0}
    .real-result-page .banner-wrap .content-right .button-type-2{float:none;clear:both;margin:0 auto;padding:30px 0 0}


    /* // Khayer Codes */
    
	
}

/*Mobile Layout 480px */
@media only screen and (min-width:415px) and (max-width:767px){
    
}

/*		Tablet/iPad Layout:768px.
-----------------------------------------------------------------
*/

@media only screen and (min-width:768px) and (max-width:991px) {
	
    
    /* Khayer Codes */


    .feature-page .banner-wrap .content-right .button-type-2{margin:65px 0 0;width:238px;}
    .feature-content .description-wrap .button-type-1{margin:25px 0 0;width:238px;}


    .real-result-page .banner-wrap .content-right .button-type-2{margin:45px 0 0;width:238px;}



    /* // Khayer Codes */

}
	
@media only screen and (min-width:992px) and (max-width:1024px) {
    
    /* Khayer Codes */

    .feature-content .description-wrap .button-type-1{margin:25px 0 0;width:238px;}

    /* // Khayer Codes */
	
	
	
}