.row {
    margin: 0 auto; 
    width: 1170px;
    position: relative;
}

.inner-wrapper {
    clear: both;
    display: inline;
    float: left;
    padding: 0 0px 0 0px;
    position: relative;
    width: 1170px;
}

.container {
    clear: both;
    float: left;
    margin: 0;
    width: 100%;    
}

.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
    clear: none;
    display: inline;
    float: left;
    margin: 0 18px 0 0;
    padding: 0;
    position: relative;
}

.one-col {
    width: 81px;
}

.two-col {
    width: 150px;
}

.three-col {
    width: 279px;
}

.four-col {
    width: 378px;
}

.five-col {
    width: 477px;
}

.six-col {
    width: 576px;
}

.seven-col {
    width: 675px;
}

.eight-col, .revWrap {
    width: 774px;
}

.nine-col {
    width: 873px;
}

.ten-col {
    width: 972px;
}

.eleven-col {
    width: 1071px;
}

.twelve-col {
    width: 1170px;
    margin-right: 0;
}

.prefix-one {
    margin-left: 99px;
}

.prefix-two {
    margin-left: 198px;
}

.prefix-three {
    margin-left: 297px;
}

.prefix-four {
    margin-left: 396px;
}

.prefix-five {
    margin-left: 495px;
}

.prefix-six {
    margin-left: 594px;
}

.prefix-seven {
    margin-left: 693px;
}

.prefix-eight {
    margin-left: 792px;
}

.prefix-nine {
    margin-left: 891px;
}

.prefix-ten {
    margin-left: 990px;
}

.prefix-eleven {
    margin-left: 1089px;
}

.suffix-one {
    margin-right: 117px;
}

.suffix-two {
    margin-right: 216px;
}

.suffix-three {
    margin-right: 315px;
}

.suffix-four {
    margin-right: 414px;
}

.suffix-five {
    margin-right: 513px;
}

.suffix-six {
    margin-right: 612px;
}

.suffix-seven {
    margin-right: 711px;
}

.suffix-eight {
    margin-right: 810px;
}

.suffix-nine {
    margin-right: 909px;
}

.suffix-ten {
    margin-right: 1008px;
}

.suffix-eleven {
    margin-right: 1107px;
}

.clear { /* Useful generic clearing class. */
    clear: both;
}

.last-col {
    margin-right: 0;
}

img {
    max-width: 100%;
}

@media only screen 
and (min-width : 1920px) 
and (max-width : 1280px) 
{
   .row {
        width: 100%!important;
    }	
	
	
.three-col {
    width:100%;
}
}



@media only screen and (min-width : 1171px) {
    .fmshown {
        display: block !important;
    }
}
@media only screen 
and (min-width : 1170px) 
and (max-width : 1350px) 
{
    .screensArrows {
        margin-top: 0;
        top: -60px;
    }

    #screensLeftAr {
        left: 0px;
    }

    #screensRightAr {
        right: 20px;
    }
}



/* Added on 20-oct-14 */



/*
@media only screen 
and (min-width : 980px) 
and (max-width : 1170px) 

{

#navigationWrap .nine-col { width:100%; display: block; text-align: center; float: none; }
}


@media only screen 
and (min-width : 320px) 
and (max-width : 979px) 
{
.width100 { width:100% !important; display: none;} 
#responsiveMenuToggle {display: block; }
}

@media only screen 
and (min-width : 1170px) 
and (max-width : 1920px) 
{
    .width100 { width: 1170px !important;}
}
*/

/* Added on 20-oct-14 */




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

.section-90-90 {
    padding:60px 0 !important;
}

.aligncenter {
    padding: 40px 0 303px 0px;
    text-align: center;
}

input[type="submit"] {
    background: none repeat scroll 0 0 #6c9;
    border-color: #6c9;
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 12px 35px;
}
	.footer i.fa {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    border-radius: 350px;
    color: #fff;
    font-size: 18px;
    margin: 0 4px;
    min-width: 18px;
    padding: 13px;
    text-align: center;
    transform: translate3d(0px, 0px, 0px);
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
}
	
	.clintImg {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    float: left;
    margin: 10px 5px;
    max-width: 126px!important;
    padding: 4px;
    transition: border-color 0.4s ease 0s;
}
	
	
	.floatingPhone {
    background: url("../newimg/demoimg/phone2.png") no-repeat scroll 0 100% / cover rgba(0, 0, 0, 0);
    bottom: -40px;
    height: 100%;
    position: absolute;
    right: 0px;
    width:35%;
}
	
	.dlButton {
    font-size: 24px;
    margin: 0 2px;
    padding: 8px 35px 8px 15px;
    position: relative;
    text-align: left;
    z-index: 5;
}
	
.float-right {
    float: right;
    height: 0;
    width: 48%;
}

.keep-me {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding-right: 5px;
}
	
	.login-text-div{ margin:0 auto; width:50%;}
	.small-logo-grp { width:100% !important; float:left; text-align:center;}
	.ninecolresp { width:100% !important; float:left; text-align:center; }
	
    .row {
        width: 734px;
    }
.login i.fa {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff; float:left;
    font-size:25px; border:solid #bef3dc 1px;
    margin:0px 0px!important;
    padding:10px 18px; width:10%;
	border-radius:30px 0px 0px 30px; 
    border-right:none;
    text-align: left;
    transform: translate3d(0px, 0px, 0px);
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
}


.div-100{ width:100%; margin:10px 0px;}
.login-button-facebook{
	background:#204385;  padding:14px 0px 14px 14px; 
    font-size:17px; color:#fff; border-radius:0px 30px 30px 0px; 
    border-left:none; margin-left:-13px; float:left; width:78%;
	border:solid #bef3dc 1px;
	}
	  
.login-button-linkedin{
	background:#0085ae; border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; 
	color:#fff; border-radius:0px 30px 30px 0px; 
    border-left:none; margin-left:-13px; float:left; width:78%;}
	  
		  
.login-button-gplus{background:#d3492c;border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; color:#fff; border-radius:0px 30px 30px 0px; 
          border-left:none; margin-left:-13px; float:left; width:78%;}		  	
.login-button-me{background:#573494;border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; color:#fff; border-radius:0px 30px 30px 0px; 
          border-left:none; margin-left:-13px; float:left; width:78%;}
.login-button-eb{background:#f6682F;border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; color:#fff; border-radius:0px 30px 30px 0px; 
          border-left:none; margin-left:-13px; float:left; width:78%;}

    .one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
        clear: none;
        display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
        float: left;
        margin: 0 10px 0 0;
        padding: 0;
        position: relative;
    }

#navigationWrap {
    margin: 10px 0 0;
}
    #screensOfHide{
        width: 576px;
        margin: 0 auto;
    }

    #screensLeftAr {
        left: 20px;
    }

    #screensRightAr {
        right: 20px;
    }

    .one-col {
        width: 52px;
    }

    .two-col {
        width: 114px;
    }

    .three-col {
        width: 176px;
    }

    .four-col {
        width: 238px;
    }

    .five-col {
        width: 300px;
    }

    .six-col {
        width: 362px;
    }

    .seven-col {
        width: 424px;
    }

    .eight-col, .revWrap {
        width: 486px;
    }

    .nine-col {
        width: 548px;
    }

    .ten-col {
        width: 610px;
    }

    .eleven-col {
        width: 672px;
    }

    .twelve-col {
        width: 734px;
        margin-right: 0;
    }

    .prefix-one {
        margin-left: 62px;
    }

    .prefix-two {
        margin-left: 124px;
    }

    .prefix-three {
        margin-left: 186px;
    }

    .prefix-four {
        margin-left: 248px;
    }

    .prefix-five {
        margin-left: 310px;
    }

    .prefix-six {
        margin-left: 372px;
    }

    .prefix-seven {
        margin-left: 434px;
    }

    .prefix-eight {
        margin-left: 496px;
    }

    .prefix-nine {
        margin-left: 558px;
    }

    .prefix-ten {
        margin-left: 620px;
    }

    .prefix-eleven {
        margin-left: 682px;
    }

    .suffix-one {
        margin-right: 72px;
    }

    .suffix-two {
        margin-right: 134px;
    }

    .suffix-three {
        margin-right: 196px;
    }

    .suffix-four {
        margin-right: 258px;
    }

    .suffix-five {
        margin-right: 320px;
    }

    .suffix-six {
        margin-right: 382px;
    }

    .suffix-seven {
        margin-right: 444px;
    }

    .suffix-eight {
        margin-right: 506px;
    }

    .suffix-nine {
        margin-right: 568px;
    }

    .suffix-ten {
        margin-right: 630px;
    }

    .suffix-eleven {
        margin-right: 692px;
    }

    .last-col {
        margin-right: 0;
    }

    #navigationWrap .three-col {
        width: 100%;
        display: block;
        text-align: center;
        float: none;    
    }
/*  width: 100%;*/
     #navigationWrap .nine-col {
      
		 width: 70%;
        display: none;
        text-align: center;
        float: none;    
    }

    .rightColTextWrap, .leftColTextWrap {
        max-width: 50%;
    }

    .revLeft {
        width: 70px;
        max-width: 70px;
    }

    .revRight {
        width: 350px;
    }

    .triangleTop {
        position: absolute;
        top: -80px;
        width: 100%;
        height: 80px;
        display: block;  
        z-index: 99; 
    }

    .triangleBottom {
        position: absolute;
        bottom: -80px;
        width: 100%;
        height: 80px;
        display: block;
        z-index: 99;
    }

     .hide-tablet {
        display: none;
    }

    #followMenu {
        overflow-y: scroll;
    }

    #followMenu .mainMenu li {
        display: block;
        margin:10px 0 25px 0px;
    }
    
    #followMenu .mainMenu li a {
        color: #666666;     
		padding:10px 20px; 
    }

    #responsiveMenuToggle {
        display: block;
    } 

    .fmToggled {
        display: block !important;
    }
}



@media only screen 
and (max-width : 767px) {
	
	.small-logo-grp { width:100% !important; float:left; text-align:center;}
	.ninecolresp { width:100% !important; float:left; text-align:center;}
	
    .row {
     width: 100%;
     min-width: 279px;
     }

    #navigationWrap {
    margin: 10px 0 20px;
    }
    .one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col{
    clear: both;
    display: block;
    float: none;
    margin: 0 0px 20px 0;
    padding: 0;
    position: relative;
    width: 100%;
    }

    #screensLeftAr {
     left: 20px;
    }

    #screensRightAr {
    right: 20px;
    }

    #screensOfHide{
    width: 279px;
    margin: 0 auto;
    }
    .revWrap {
    max-width: 279px;
    } 
    #navigationWrap .three-col {
    width: 100%;
    display: block;
    text-align: center;
    }

    #navigationWrap .nine-col {
    display: none;      
    }

    .iconRightColWrap, .iconLeftColWrap {
     text-align: center;
    }
   .rightColTextWrap, .leftColTextWrap {
        max-width: 100%;
        float: none;
        text-align: center;
        margin: 10px 0 0;
    }

    .iconRightColWrap i.fa, .iconLeftColWrap i.fa {
        float: none;
    }
    
    .triangleTop, .triangleBottom {
        display: none;
    }

    .revLeft {
        width: 10%;
        max-width: 10%;
    }

    .revRight {
        width: 80%;
    }
    .revBubble {
        padding: 10px;
    }

    .screen-item span {
        display: block !important;
    }

    #screensContainer button {
        display: block;
        clear: both;
        margin: 0 auto 20px;
    }

    .ls-bottom-nav-wrapper {
        bottom: 0%;
    }

    .hide-mobile {
        display: none;
    }
    #followMenu {
        overflow-y: scroll;
    }
    #followMenu .mainMenu li {
        display: block;
        margin: 20px 0;
    }
    #followMenu .mainMenu li a {
        color: #666666; 
		padding:10px 40px;     
    }

    #responsiveMenuToggle {
        display: block;
    }

    .fmToggled {
        display: block !important;
    }
}

@media only screen 
and (max-width : 640px){.login-text-div {
    margin: 0 auto;
    width: 66%;
}

.row {
    margin: 0 auto;
    position: relative;
    width:60%;
}

.three-col {
    width:100%;
}

}


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

{
	button, input[type="submit"] { width:100%;}
	.popup-with-zoom-anim {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.dlButton {
    font-size: 24px;
    margin: 5px 15px;
    padding: 8px 35px 8px 15px;
    position: relative;
    text-align: left;
    z-index: 5;
}
	.floatingPhone {
    background: url("../newimg/demoimg/phone2.png") no-repeat scroll 0 100% / cover rgba(0, 0, 0, 0);
    bottom: -70px;
    height: 100%;
    position: absolute;
    right: 0;
    width: 40%;
}	
}


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

{
	.popup-with-zoom-anim {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
button, input[type="submit"] { width:100%;}

.dlButton {
    font-size: 24px;
    margin: 5px 15px;
    padding: 8px 35px 8px 15px;
    position: relative;
    text-align: left;
    z-index: 5;
}
	.floatingPhone {
    background: url("../newimg/demoimg/phone2.png") no-repeat scroll 0 100% / cover rgba(0, 0, 0, 0);
    bottom: -70px;
    height: 100%;
    position: absolute;
    right: 0;
    width:30%;
}
.clintImg {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    float: left;
    margin: 10px 5px;
    max-width: 122px;
    padding: 4px;
    transition: border-color 0.4s ease 0s;
}

.login-button-facebook {
	    width: 75%!important;
}

.login-button-linkedin {
	    width: 75%!important;
}

.login-button-gplus {
    width: 75%!important;
}

.login-text-div {
    margin: 0 auto;
    width: 50%;
}

}	

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

	
}



@media only screen 
and (min-width : 320px) 
and (max-width : 640px) 
{
.login-text-div {
    margin: 0 auto;
    width: 50%;
}	
	
 #followMenu {
        margin:0px 0;  padding:8px 0 8px;
    }
.mainMenu li a.singup {
    border:none;}
 
#followMenu .mainMenu li {
    display: block;
    margin: 9px 0;
}  
.mainMenu li{  font-size:12px;
    font-weight: 500;}

.three-col{ margin: 0 0 0px;}
   
#followMenu .mainMenu li a {
    color: #666666;
    padding:6px 40px;
} 	
	
.sectionTitle {
    font-size: 38px;
    font-weight: 100;
    line-height: 45px;
}	
	
.separator20{ padding:14px 0; height:0px;}
	
.mainMenu {
   /* background: none repeat scroll 0 0 #ddd;*/
    height:280px;
    list-style: none outside none;
   /* margin: 20px auto 30px !important;*/
    overflow-y: scroll;
   /* padding-top: 20px;*/
    position: absolute !important;
    text-align: center;
   
    width: 100%;
}	
	.signup-for-div{ text-align:center;margin:20px 0px;}
	
	#followMenu {
    overflow-y: scroll; height:360px;
}
	
/*.small-logo-grp	{ display: none;}*/

button, input[type="submit"] { width:100%;}
.popup-with-zoom-anim {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.keep-me {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding-right: 5px;
}	
	
.three-col{width: 100%;}
.login-button-facebook{
	
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background:#204385;
    border-color:#bef3dc #bef3dc #bef3dc -moz-use-text-color;
    border-image:none;
    border-radius:0 30px 30px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #fff;
    float: left;
    font-size: 17px;
    margin-left: -7px;
    padding: 14px 0 14px 14px;
    width: 78%;
}
	  
.login-button-linkedin{
	background:#0085ae; border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; 
	color:#fff; border-radius:0px 30px 30px 0px; 
    border-left:none; margin-left:-7px; float:left; width:78%;}
	  
		  
.login-button-gplus{background:#d3492c;border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; color:#fff; border-radius:0px 30px 30px 0px; 
          border-left:none; margin-left:-7px; float:left; width:78%;}		  		  


.login-text-div{ margin:0 auto;/* width:35%;*/}
.float-right{ float:right; width:45%; clear:#fff; height:0px;}
.forgot-password-text{cursor:pointer; color:#fff; font-size:14px;}
.forgot-password-text a{cursor:pointer; color:#fff; font-size:14px;}
.forgot-check-box{float:left; width:7%; text-align:left;}

.keep-me{cursor:pointer; color:#fff; font-size:14px; padding-right:5px; } 
.login-button{width:100%!important; text-align:center!important; margin-bottom:20px !important; margin-top:15px !important; font-size:15px!important;
 background:#fff url(../newimg/button-bg.jpg) bottom  repeat-x!important; color:#666!important; cursor:pointer;}

.reset-password{ margin-bottom:20px; font-size:15px!important; background:#fff url(../newimg/button-bg.jpg) bottom  repeat-x!important; color:#666!important; float:left;}
.cancel-button{ float:right; margin-bottom:20px; font-size:15px!important; background:#fff url(../newimg/button-bg.jpg) bottom  repeat-x!important; color:#666!important; text-align:center!important;}

.terms-service{color:#fff; font-size:13px; text-align:center; width:80%; margin:5px auto; line-height:20px;}


.span-or {
    background-color: #5bc199;
    color: #fff;
    font-size: 19px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    text-align: center;
    top: -2px;
    width: 50px;
}
.login-or {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}

.hr-or {
    background-color: #fff;
    height: 1px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.two-col{ text-align:center;}
	.mainMenu {
    list-style: none outside none;
    margin:5px auto;
  /*  margin-top: 20px;
    padding-top: 20px;*/
    position: relative;
    text-align: center;
}
.keep-me {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding-left: 5px;
}
/*.section-40-40 {
    padding: 0 0 10px 0px;
}*/
.mainMenu li a.singup {
    border: 1px solid #fff;
    padding: 10px 47px;
}

.float-right {
    float: right;
    height: 20px;
    width:100%; text-align:center;
}

.three-col {
    text-align: center;

}
	
.login-button-facebook{
	background:#204385;  padding:14px 0px 14px 14px; 
    font-size:17px; color:#fff; border-radius:0px 30px 30px 0px; 
    border-left:none; margin-left:-10px; float:left; width:76%;
	border:solid #bef3dc 1px; border-left:none;
	}
	  
.login-button-linkedin{
	background:#0085ae; border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; 
	color:#fff; border-radius:0px 30px 30px 0px; 
    border-left:none; margin-left:-10px; float:left; width:76%;}
	  
		  
.login-button-gplus{background:#d3492c;border:solid #bef3dc 1px; padding:14px 0px 14px 14px; font-size:17px; color:#fff; border-radius:0px 30px 30px 0px; 
          border-left:none; margin-left:-10px; float:left; width:76%;}	
.row {
    min-width: 279px;
    width: 89%;
}	

.text-feild-login {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 35px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px !important;
    padding: 12px 5px 12px 12px;
    transition: border-color 0.6s ease 0s;
    width: 88% !important;
	
}
}

@media only screen 
and (max-width : 480px) 
{
	.text-feild-login{ margin-right:10px;}
	

	
	.forgot-password-text{cursor:pointer; color:#fff; font-size:14px; text-align:center;}
.padding-left{ padding-left:60px;}
	
	.login-text-div{ margin:0 auto; width:95%;}
	.small-logo-grp { width:100% !important; float:left; text-align:center;}
	.ninecolresp { width:100% !important; float:left; text-align:center; }
    .screensArrows {
        margin-top: 0;
        top: -60px;
    }

    #screensLeftAr {
        left: 0px;
    }

    #screensRightAr {
        right: 20px;
    }
.login i.fa {width:5%;	

}}

.home-top-text-mobile{ text-align:center; font-size:14px; position:relative; margin:0px;}


.home-top-text{color: rgb(255, 255, 255); float: right; text-align: right; width: 100%; font-size: 15px; right:4px; position: absolute;}

.home-top-text a{  background: #fff none repeat scroll 0 0;
    border-radius: 35px;
    font-size: 14px;
    margin-left: 11px;
    padding: 7px 10px;}