@media only screen  and (max-width: 1280px)  {
  		body{
  		width: 100% ;
  	}


@media only screen  and (min-width: 1024px) 
  {
body{
    width: 100%;
}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    padding: 12px 15px!important;
    font-family: 'Roboto',sans-serif;
    display: block !important;
}
}
@media only screen  and (max-width: 1024px) 
  {
body{
    width: 100%;
}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    padding: 12px 15px!important;
    font-family: 'Roboto',sans-serif;
    display: block !important;
}
}




@media only screen 
  and (max-width: 992px) 
  and (min-width: 767px){
body{
    width: 100%;
}

#class70 {
    background-color: #ebb443;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}
.class70 p {
    margin-left: 0px !important; 
    margin-top: 0px!important; 
    font-family: 'Raleway';
    font-size: 20px;
}
.class70 h4 {
    margin-left: 0px!important;
    margin-top: -12px;
    font-family: 'Arial Rounded MT';
    font-size: 20px;
}
.class71 p {
    margin-left: 0px!important;
    margin-top: 0px!important;
    font-family: 'Raleway';
    font-size: 20px;
}
.class71 h4 {
    margin-left: 0px!important;
    margin-top: -15px;
    font-family: 'Arial Rounded MT';
    font-size: 20px;
}
.class72 p {
    margin-left: 0px!important;
    margin-top: 0px!important;
    font-family: 'Raleway';
    font-size: 20px;
}
.class72 ul {
    margin-left: 0px!important; 
    margin-top: -15px;
}
}







@media only screen 
  and (max-width: 768px) 
  and (min-width: 576px){
body{
    width: 100%;
}
.logo
img{
	width: 80%!important;
}
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 492px) {
/* Styles */
}




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

}





@media only screen  and (max-width: 320px)  {
        body{
        width: 100% ;
   }
}

@media only screen  and (max-width: 319px)  {
        body{
        width:100% ;
        background: #f3f3f3;
    }


}