@media (max-width: 768px)
{
.home-left{
    float: none;
    width: 100%;
    height: auto;
    margin: 15px 0 20px 0;
}
.canqslogo{
    position: relative;
    left:auto;
    top:auto;
    float: left;
    padding: 0 0 0 20px;
}
.canqslogo img{
    width: 100px;
    height: auto;
}
.canqslogo1 img{
    width: 60px;
    height: 60px;
}

.canqslogo1{
    position: relative;
    right:auto;
    top:auto;
    float: right;
    padding: 0 25px 0 0;
}
.home-left h1{
    display: none;
}
.home-left h2{
    display: none;
}
.home-right{
    float:none;
    width:100%;
    height:auto;
        
}   
.middle{
    vertical-align: top;
}
.homebtmlogo{
    display: none;
}

.loginCon{
    width:90%;
    margin:10px auto 10px auto ;
   
}

.loginForm h1{
   width:90%;
   font-size:20px;
   padding:0 0 20px 0;
    
}
.loginForm h2{
     width:90%;
}
.formLable{
     width:90%;
}
.frmTxt{
     width:90%;
}

.cntryDD{
    width:90%;
}
.cntryIcon{
    
}
.cntryIcon img{
   
}
.cntryName{
    color:#000;
    font-size:18px;
    line-height: 50px;
    float: left;
    width: 200px;
    padding: 0 0 0 20px;
}
.cntryDrpDwn{
   width:95%;

}

.cntryDrpDwn li{
   width:90%;
}

.cntryDrpDwn li span.drdwntxt{
    width: 150px;
}

.frmTxtbox{
   
    width:90%;
    
    
}
.frmBtm{
    width:85%;
}


.outer {
    
    width: 100%;
}

.loginLnk{
    width:120px;
    font-size:18px;
    line-height:40px;
    padding:0 10px; 
   
}


}
@media (max-width: 480px)
{

 .home-left{
    float: none;
    width: 100%;
    height: auto;
    margin: 15px 0 20px 0;
}
.canqslogo{
    position: relative;
    left:auto;
    top:auto;
    float: left;
    padding: 0 0 0 20px;
}
.canqslogo img{
    width: 100px;
    height: auto;
}
.canqslogo1 img{
    width: 60px;
    height: 60px;
}

.canqslogo1{
    position: relative;
    right:auto;
    top:auto;
    float: right;
    padding: 0 25px 0 0;
}
.home-left h1{
    display: none;
}
.home-left h2{
    display: none;
}
.home-right{
    float:none;
    width:100%;
    height:auto;
        
}   
.middle{
    vertical-align: top;
}
.homebtmlogo{
    display: none;
}

.loginCon{
    width:90%;
    margin:10px auto 10px auto ;
   
}

.loginForm h1{
   width:90%;
   font-size:20px;
   padding:0 0 20px 0;
    
}
.loginForm h2{
     width:90%;
}
.formLable{
     width:90%;
}
.frmTxt{
     width:90%;
}

.cntryDD{
    width:90%;
}
.cntryIcon{
    
}
.cntryIcon img{
   
}
.cntryName{
    color:#000;
    font-size:18px;
    line-height: 50px;
    float: left;
    width: 200px;
    padding: 0 0 0 20px;
}
.cntryDrpDwn{
   width:95%;

}

.cntryDrpDwn li{
   width:90%;
}

.cntryDrpDwn li span.drdwntxt{
    width: 150px;
}

.frmTxtbox{
   
    width:90%;
    
    
}
.frmBtm{
    width:85%;
}


.outer {
    
    width: 100%;
}

.loginLnk{
    width:120px;
    font-size:18px;
    line-height:40px;
    padding:0 10px; 
   
}


	
}