*body{
    box-sizing: border-box;
}
.header{
    padding: 0;
    margin: 0;    
    height: 22px; 
    font-size: 13px; 
    background-color: #2654a1; 
    color:floralwhite;
    /*style="height: 22px; font-size: 13px; background-color: #2654a1; color:floralwhite;  " */
}
.officetime{
    margin-left: 3px; 
    margin-right: 3px;
    margin-top: 5px;
}
.officemail{
    margin-left: 5px; 
    margin-right: 5px;
    margin-top: 5px;
}

.header a{
    text-decoration: none;
    float:right; 
    color:floralwhite; 
    font-size: 10px;

}
.header a p{
    margin-top: 3px;

}

.checkboxinfo{
    display:inline; 
    float:right; 
    margin-left: 5px;
}

.checkboxinfo2{
   float: right; 
   margin-left:5px; 
   color:floralwhite;
}

.row .countrylogousa img{
    width: 12px;
    height: 12px;
    
}

.row .countrylogobd img{
    width: 18px;
    height: 18px;
    
}

.header a:hover{
    color: rgb(212, 212, 212);
}

.header img{
    margin-right: 10px solid ;
    margin-left:10px solid ;
    width: 15px;
    height: 15px;
}

.header .img1{
    margin-right:5px;
}
.header .img2{
    margin-left:10px; margin-right: 5px;
}
.header .img3{
    margin-left:10px; margin-right: 5px;
}

.bnrimg{
    /* background-image: url(./sbannar2.jpg);  */
    background-color: #d7e9f5;
    height: 60px;
    background-repeat:no-repeat;
    position: relative; 

}

.bnrimg .mobileapps{

  margin-top: 0px; 
  margin-right: 5px;
  margin-bottom: 10px; 
  

}


.logo{
  width: 56px;
  height: 50px;
  margin-top:10px;
  /* background-image: url(./Asset/ssmlgo.png); */
  background-repeat: no-repeat;
}

.companytitle{
    color:#0001D0; 
    font-weight: bold; 
    line-height: 90%; 
    margin-top: 17px;
}

/*Banner Start*/
.bannar{
    box-sizing: border-box;
    max-width: 100%;   
    max-height: 100px;   
    color: rgb(0, 0, 0);
}
.compnayname{
    box-sizing: border-box;
    text-align: left;   
    padding: 30px;
    padding-left: 0;    
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 0.3vh;
    line-height: 23px;
    
}

.ssmlLogo{
    display:inline-flex;
}
.ssmlLogo img{
    margin-top: 25px;
    margin-left: 200px;
    width: 60px;
    height: 50px;
}

.text{
    box-sizing: border-box;
    display: inline-block;
    margin-left: 20px;
}

.squareLogo{   
    box-sizing: border-box; 
    float: left;
}
.squareLogo img{
    margin-top: 10px;
    
    width: 80px;
    height: 80px;
}

.header .mobileview1 .officeinfo {
    margin-left: 35px; 
    padding-top: 7px;
}
.navsection{
	width: 100%;
    position: relative;
}

.mobileview2{
  position: absolute;
  bottom: 12px;  
  right: 16px;
  margin: auto;
}

.mobileview2 .btn{
  font-size: 12px;
  font-weight: bold;
  background-color: #D7E9F5;
}


@media screen and (max-width: 800px) {
    .latestnewsSection{
       display: none;
    }
  }

@media screen and (max-width:700px) {   
   
.bnrimg {
    flex-direction: row !important;
}
   
   .ssmlLogo {
        display:none;

    }

    .squareLogo {
        display:none;

    }
	
	.header .desktopview{
        display: none !important;
    }
	
	.header{
		height: 32px !important;
	}
	
	.bnrimg .mobileapps {
    display: none !important;
}
	.logonslog{
      margin-left: 60px !important;
      /*margin-top: 10px !important;  */  

    }
	.squarelogo {
        position: absolute !important;
        width: 60px !important;
        height: 60px !important;
        /* right: 0; */
        left: 0 !important;
        top: 39px !important;
        bottom: 42px !important;
        margin: auto !important;
    }
	
	.squarelogo img {
    width: 56px !important;
    height: 40px !important;
	}
	
	.companytitle{
        color:#0001D0; 
        font-weight: bold; 
        line-height: 90%; 
        /*margin-top: 7px;*/
        font-size: 14px !important;
    } 
       
}



@media screen and (min-width:700px){
    .header .mobileview1{
        display: none;

    }

    .mobileview2{
        display: none;
    }

    .dividerarea{
        display: none;
    }
}