﻿/***************** css for mobile ********************/
@media (max-width: 600px) {
     /* bootstrap For mobile phones: */
    /*[class*="col-"] {
        width: 100%;
    }*/

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
	.col-sm-12 { width: 100%; }
	.col-sm-11 { width: 91.66666667%; }
	.col-sm-10 { width: 83.33333333%; }
	.col-sm-9 { width: 75%; }
	.col-sm-8 { width: 66.66666667%; }
	.col-sm-7 { width: 58.33333333%; }
	.col-sm-6 { width: 50%; }
	.col-sm-5 { width: 41.66666667%; }
	.col-sm-4 { width: 33.33333333%; }
	.col-sm-3 { width: 25%; }
	.col-sm-2 { width: 16.66666667%; }
	.col-sm-1 { width: 8.33333333%; }

    /* css for login page */
   [class*="login"]{background:rgba(0,0,0,0.5); width: 380px; position:initial; margin-right:45px; } 

   .login .logindivs {display: block;}

   .login .sliders {width: 450px; margin-top: 50px;}

   /* css for masterpage */      
   .navbar-toggle { float: left; background:url('../Images/menu_icon.png') no-repeat center center; height:50px; width:50px } 

   /* css for home page */
   .homepage .searchRow { width: 100% !important; height: 34px; display:inline-flexbox;}
   .homepage .searchRow .searchBox { height:30px;}
   .homepage .searchRow .searchBtn { width: 28px; height: 28px;}	
   .homepage .searchRow .searchBox {width:200px;}
   .homepage .searchRow .searchBtn {       
        /*position:relative; left:250px; top:-45px;*/        
    }
   .homepage .pnltxthome{margin-top: 10px; height:55px;}
   .homepage .lblheading{font-size:16px;}
   /* css for search page */
   .searchpage .searchRow .searchBox {width:200px;}
   .searchpage .searchRow .searchBtn {       
        position:relative; left:250px; top:-45px;        
    }

    .myprofile .txtbox {
        width: 100%;
    }

    .registernow{width:80%; position:relative; left:10px; top:40px;}
    .registernow.txtbox {
        width: 80%;
    }

    .loginact .gridlog{width:100%;}
}
