.class-cal {
    width: 800px;
}

.mobile-class-cal {
    display: none;
}
@media only screen and (max-width: 767px) {
    .class-cal {
    /* width: 300px; */
    display: none;
    }
    .mobile-class-cal {
        display: block;
        width: 300px;
    }
}

@media only screen and (min-width: 768px) {
.navContent ul li ul {
   max-width: 500px !important;
 }
}
/* Adjusting menu font size for screens between HD and Tablets SEB*/
@media only screen and (min-width:769px) and (max-width: 1850px) {
.navContent li a, .navContent li .navLabel {
	font-size: 15px;
 }
}
@media only screen and (min-width:769px) and (max-width:1460px) {
/* Add adjustment to menu between tablet and minimized window sizes SEB */
}