@media only screen and ( min-width:961px) and ( max-width:1250px ){

.homebanner{padding: 40px 0px;background-image: url(../images/homebannermobile.jpg);}


}

@media only screen and ( min-width:768px) and ( max-width:960px ){
header { z-index:1;
}
h1{font-size: 40px;}

.bannerpart{background-position: top right; margin-top: 0px;}

.owl-nav{ top: 22%;}

.sessionlist ul li span{width: 87%;}

.homebanner{padding: 40px 0px;background-image: url(../images/homebannermobile.jpg);}

.moduleimg{width: 13%;}

.homebanner{}

.workspacehead {
  padding: 20px 8px;}

.workspace-bx ul li a {
  padding: 5px 9px;}

  .userhead h2{padding: 10px 9px}
}

@media only screen and ( min-width:600px) and ( max-width:767px ){
header { z-index:1;
}
h1{font-size: 35px;}

h2{font-size: 30px;}

p, .sessionlist ul li, .formdv label{font-size: 17px;}

.bannerpart{background-position: top right; margin-top: 0px;}

.sessionobject h2::before{width: 2rem;}

.sessiondv, .pereds-sect{padding: 40px 0px;}

.prereadtext{margin-top: 25px;}

.sessionlist ul{padding-left: 0px;}

.owl-nav{width:100%; top: 25%;}
 
.carouselimg{margin-bottom: 20px;}

.modal-body{padding: 20px 0px;}

.modal-dialog{margin: 0px;}

.popsimg{margin-top: 20px;}

.accordion-button{font-size: 16px;padding: 15px 10px;}

.accordion-button::after {
  background-image: url("../images/arrow.png") !important;
  background-size: 12px;
  width: 13px;
  height: 10px;
}

.sessionlist ul li span{width: 80%;}

.moduleimg {
  width: 32%;
 
}

.moduleimg:nth-child(3n){ margin-right: 0%;}

.homebanner{padding: 40px 0px;background-image: url(../images/homebannermobile.jpg);}

.logintext p{font-size: 14px;}


.sidebar{width: 560px;}

html.open-menu1 .sidebtn {
  transform: translateX(-560px); 
}



}

@media only screen and ( min-width:320px) and ( max-width:599px ){
header { z-index:1;
}
h1{font-size: 30px;}

h2{font-size: 25px;}

p, .sessionlist ul li, .formdv label{font-size: 16px;}

.bannerpart{background-position: top right; margin-top: 0px;}

.sessionobject h2::before{width: 2rem;}

.sessiondv, .pereds-sect{padding: 40px 0px;}

.prereadtext{margin-top: 25px;}

.sessionlist ul{padding-left: 0px;}

.owl-nav{width:100%; top: 12%;}
 
.carouselimg{margin-bottom: 20px;}

.modal-body{padding: 20px 0px;}

.modal-dialog{margin: 0px;}

.popsimg{margin-top: 20px;}

.accordion-button{font-size: 16px;padding: 15px 10px;}

.accordion-button::after {
  background-image: url("../images/arrow.png") !important;
  background-size: 12px;
  width: 13px;
  height: 10px;
}

.sessionlist ul li span{width: 80%;}

.cookies p{font-size: 13px;}

.cookies p span{font-size: 17px;}

footer{padding: 50px 0px;}

.moduleimg {
  width: 49%;
 
}

.moduleimg:nth-child(2n){ margin-right: 0%;}

.homebanner{padding: 40px 0px;background-image: url(../images/homebannermobile.jpg);}

.logintext p{font-size: 14px;}

.detaildata iframe{height: 230px;}

.backdata {
  padding: 20px 0px;
}

.sidebar{width: 310px; padding-right: 15px; padding-left: 15px;}

html.open-menu1 .sidebtn {
  transform: translateX(-310px); 
}

.sidebardescript .nav-tabs .nav-link{padding: 8px 13px;}

.rightpartdv{padding: 20px;}



}