/* Large screens ---------- */
@media screen and (min-width: 1824px){
    /* styles */
}

/* Desktops and laptops ---------- */
@media screen and (min-width: 1224px){
.header-rgbox {width:230px;  margin-top:25px; float:right; }
.company-logo{ margin:10px 0px; float:left; }
.nav > li{margin:5px 0px;}
}


/*---------------------------------------------------------------------------------------*/


/* 1024 ---------- */
@media screen and (min-width: 1025px) and (max-width: 1223px){
.header-rgbox {width:230px;  margin-top:25px; float:right; }
.company-logo{ margin:10px 0px; float:left; }

}


/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 768px) and (max-width: 1024px){
.header-rgbox {width:230px; margin-top:25px; float:right; }
.company-logo{ margin:10px 0px; float:left; }
.iframe{width:800px; height:150px; float:left;}


}


/* Tablets, iPads (portrait) ---------- */
@media screen and (min-width: 768px){
    /* styles */
}


/* Tablets, iPads (landscape) ---------- */
@media screen and (min-width: 1024px){
    /* styles */
}


/*---------------------------------------------------------------------------------------*/

/* My css---------- */
@media screen and (min-width: 481px) and (max-width: 767px){
.header-rgbox { float:right; }
.company-logo{ margin:10px 0px; float:left;width:100%;text-align: center; }
.text-theme-color-sky{font-size:20px; margin:0px; padding:0px;}
.text-theme-color-red{font-size:18px; margin:0px; padding:5px;}
.wrn{margin-top:15px;}
.campaign{text-align:center;}
.mt-0{margin:0px; padding:0px;}
.google-map{margin:10px 0px; min-height:250px;}
#ourcourses{width:95%;}
.iframe{width:700px; height:150px; float:left;}

}

/*---------------------------------------------------------------------------------------*/



/* Smartphones (portrait and landscape) ---------- */


@media screen and (min-width: 320px) and (max-width: 480px){
.header-rgbox {text-align:center; margin:15px 0px;}
.company-logo{ margin:10px 10px; text-align:center;}
.text-theme-color-sky{font-size:20px; margin:0px; padding:0px;}
.text-theme-color-red{font-size:18px; margin:0px; padding:5px;}
.wrn{margin-top:15px;}
.campaign{text-align:center;}
.mt-0{margin:0px; padding:0px;}
.google-map{margin:10px 0px; min-height:250px;}
#ourcourses{width:95%;}
.iframe{width:310px; height:150px; float:left;}

}


/* Smartphones (portrait) ---------- */
@media screen and (max-width: 320px){
.header-rgbox {text-align:center;margin:15px 0px;}
.company-logo{ margin:10px 10px; text-align:center;}
.text-theme-color-sky{font-size:20px; margin:0px; padding:0px;}
.text-theme-color-red{font-size:18px; margin:0px; padding:5px;}
.wrn{margin-top:15px;}
.campaign{text-align:center;}
.mt-0{margin:0px; padding:0px;}
.google-map{margin:10px 0px; min-height:250px;}
#ourcourses{width:95%;}
.iframe{width:310px; height:150px; float:left;}


}



/* Smartphones (landscape) ---------- */
@media screen and (min-width: 321px){

}