@media screen and (min-width:1025px) {
.header-right-menu:hover .sidebarIconToggle .horizontal { transition: all 0.3s; box-sizing: border-box; opacity: 0;}
.header-right-menu:hover .sidebarIconToggle .diagonal.part-1 { transition: all 0.3s; box-sizing: border-box; transform: rotate(135deg); margin-top: 8px;}
.header-right-menu:hover .sidebarIconToggle .diagonal.part-2 {transition: all 0.3s;  box-sizing: border-box; transform: rotate(-135deg); margin-top: -17px;}

.header-right-menu .sidebarIconToggle:hover .horizontal { transition: all 0.3s; box-sizing: border-box; opacity: 0;}
.header-right-menu .sidebarIconToggle:hover .diagonal.part-1 { transition: all 0.3s; box-sizing: border-box; transform: rotate(135deg); margin-top: 8px;}
.header-right-menu .sidebarIconToggle:hover .diagonal.part-2 {transition: all 0.3s;  box-sizing: border-box; transform: rotate(-135deg); margin-top: -17px;}
}



@media screen and (max-width:1024px) {
#sidebarMenu{top:70px; position:absolute; height:auto;}	
#sidebarMenu {
	top: 68px;
	position: fixed;
	height: auto;
	opacity: 1;
	display: block;
	right: 0;
	width: 100%;
	transform: translateX(1024px);
}
input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}
.header-right-menu input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal { transition: all 0.3s; box-sizing: border-box; opacity: 0;}
.header-right-menu input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 { transition: all 0.3s; box-sizing: border-box; transform: rotate(135deg); margin-top: 8px;}
.header-right-menu input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {transition: all 0.3s;  box-sizing: border-box; transform: rotate(-135deg); margin-top: -17px;}


}




@media screen and (max-width:767px) {
.header .navbar-brand{ padding-top:18px;}
.navbar-brand > img{width: 170px;}
.header-right-menu{ padding-top:0px; margin-top:-28px;}
.logo_section1, .logo_section2, .logo_section3{ text-align:center;}
.welcome p{font-size: 16px; text-align:justify;}
.welcome h2{ font-size:20px;}
#sidebarMenu { top: 74px; transform: translateX(767px);}



.spinner{height: 3px; margin-bottom:4px;}
.sidebarIconToggle{ padding-top:0px; z-index:11;}

}


@media screen and (max-width:479px) {

}