@media (min-width: 481px) and (max-width: 769px){
.topRibon{width:100%; height:auto; padding:0 2% 7px 2%; margin:0; background:#000;}
.trLeftBox{width:100%; height:auto; padding:0; margin:0; float:left; color:#fff; font-weight:400; font-size:14px;}
.trRightBox{display:none;}
.trContactDetails{width:100%;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:10px 0 0px 0; margin:auto; background:#fff; position:relative; z-index:101;box-shadow:0 2px 2px rgba(0,0,0,0.4);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
 
header .rightBox{width:100%;float:right; margin:10px 0 2px 0; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:200px;height: auto; padding:0px; margin:5px 0 5px 25px; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:10px 0 0px 0; margin:auto; background:#fff; position:relative;z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:right; margin:10px 0 2px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:200px;height: auto; padding:0px; margin:5px 0 5px 25px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{ margin:0px 0 0 0;}

.bannerPanel{margin:0;}

.banner-text h2{width:100%; height:auto;padding:0; margin:0;color:#fff; font-size:27px;font-weight:bold;}
.banner-text1{width:100%; height:auto;padding:0; margin:35px 0 30px 0;color:#fff; font-size:18px;font-weight:bold;}
.banner-text2{display:none;}
.banner-btnbox{width:100%; height:auto;padding:20px 0 0 0; margin:20px 0 0 0;text-align:center;}

.breadcrumbs {margin-top: 0px !important;}

.about_panel .textbox {width: 100%;margin: 25px auto auto auto; text-align:justify;}
.about_panel .textbox p{text-align:justify;}

.about {width: 85% !important;padding: 10px 0 0px 0 !important;margin: auto !important;}
.about .icon-boxes .icon-box1 {text-align: center !important;}
.aboutrmbox {text-align: center !important;}

/*-- Mission Section --*/
.mission_panel .mission_img img{width:200px; height:auto;}
.mission_panel .mission_box {padding: 0px 10px 40px 10px;}

.counts {padding: 50px 5% !important;}

.section-bg {padding: 150px 5% !important;}
.products .icon-box {padding: 10px !important;}
.products .icon-box h4 {margin: 15px auto 0 auto !important;font-size: 20px !important;}

#footer .footer-top {padding: 60px 5% 30px 5% !important;}

.breadcrumbs {padding: 15px 2% !important;}
.inner-page {padding: 60px 2% !important;}
.inn-img{width:100%; height:auto; padding:10px; margin:0 0 15px 20px; float:right; border:solid 1px #f1f1f1;}

.inn-banner {margin:0;}
.inn-banner-head h2{display:none;}
.inn-img-box {width: 100%;margin: 0 0 20px 0;float: none;}
.blog .sidebar {margin: 0 0 60px 0px;}

.contact .php-email-form {margin: 40px 0 0 0 !important;}
.contact .php-email-form .form-group {width: 100%;flex: none;margin-bottom: 25px;}

}
@media (min-width: 320px) and (max-width: 480px){
.topRibon{width:100%; height:auto; padding:0 2% 7px 2%; margin:0; background:#000;}
.trLeftBox{width:100%; height:auto; padding:0; margin:0; float:left; color:#fff; font-weight:400; font-size:14px;}
.trEmail{display:none;}
.trRightBox{display:none;}
.trContactDetails{width:100%;margin: 5px 0 10px 0;}  

.topRibon{width:100%; height:auto; padding:0 2%; margin:0; background:#000;}
.trLeftBox{width:30%; height:auto; padding:0; margin:0; float:left; color:#fff; font-weight:400; font-size:14px;}
.trRightBox{width:30%; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:400; font-size:14px;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:10px 0 0px 0; margin:auto; background:#fff; position:relative; z-index:101;box-shadow:0 2px 2px rgba(0,0,0,0.4);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
 
header .rightBox{width:100%;float:right; margin:10px 0 2px 0; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:200px;height: auto; padding:0px; margin:5px 0 5px 25px; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:10px 0 0px 0; margin:auto; background:#fff; position:relative;z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:right; margin:10px 0 2px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:200px;height: auto; padding:0px; margin:5px 0 5px 25px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{ margin:0px 0 0 0;}

.banner-textbox{top:20px !important;}
.banner-text{width:80% !important; height:auto;padding:0; margin:0 10% 0 10% !important;color:#fff;}
.banner-text h2{width:100%; height:auto;padding:0; margin:0;color:#fff; font-size:24px;font-weight:bold;}
.banner-text1{width:100%; height:auto;padding:0; margin:20px 0 0px 0;color:#fff; font-size:15px;font-weight:bold;}
.banner-text2{display:none;}
.banner-btnbox{width:100%; height:auto;padding:10px 0 0 0; margin:20px 0 0 0;text-align:center;}

.bannerPanel{margin:0;}
.breadcrumbs {margin-top: 0px !important;}

.about_panel .textbox {width: 100%;margin: 25px auto auto auto; text-align:justify;}
.about_panel .textbox p{text-align:justify;}
.about {width: 85% !important;padding: 10px 0 0px 0 !important;margin: auto !important;}
.about .icon-boxes .icon-box1 {text-align: center !important;}
.aboutrmbox {text-align: center !important;}

/*-- Mission Section --*/
.mission_panel .mission_img img{width:150px; height:auto;}
.mission_panel .mission_box {padding: 0px 10px 40px 10px;}

.counts {padding: 50px 5% !important;}

.section-bg {padding: 150px 5% !important;}
.products .icon-box {padding: 10px !important;}
.products .icon-box h4 {margin: 15px auto 0 auto !important;font-size: 20px !important;}

#footer .footer-top {padding: 60px 5% 30px 5% !important;}

.breadcrumbs {padding: 15px 2% !important;}
.inner-page {padding: 60px 2% !important;}
.inn-img{width:100%; height:auto; padding:10px; margin:0 0 15px 20px; float:right; border:solid 1px #f1f1f1;}

.inn-banner {margin:0;}
.inn-banner-head h2{display:none;}
.inn-img-box {width: 100%;margin: 0 0 20px 0;float: none;}

.blog .sidebar {margin: 0 0 60px 0px;}

.contact .php-email-form {margin: 40px 0 0 0 !important;}
.contact .php-email-form .form-group {width: 100%;flex: none;margin-bottom: 25px;}
}