@media (min-width: 1500px) and (max-width: 2700px){
.no-course-box .no-course-img {width: 24%;height: auto;padding: 0;margin: auto;border-radius: 15px;overflow: hidden;float: left;}
.no-course-box .no-course-details {width: 72%;height: auto;padding: 0;margin: auto;overflow: hidden;float: right;}
}
@media (min-width: 900px) and (max-width: 1027px){
.topRibon{width:92%; height:auto; padding:0px; margin:auto; background:none;}
.topRibon1{width:98%; height:auto; padding:0px; margin:auto; background:none; display:none;}
header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 9999;}
header .header{width:100%; height:auto; padding:0px 2%; margin:auto; background:#fff; position:relative; z-index:101;-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:85%;float:right; margin:0; text-align:right;-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:139px;height: auto; padding:0px; margin:0; position:relative; top:0; 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 .menuBox{ width:100%; height:auto; padding:0; margin:7px 0 0 0; text-align:center;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px 2%; margin:auto; background:#fff; position:absolute; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:85%;float:right; margin:0px 0 15px 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:90px;height: auto; padding:0px; margin:0; position:relative; top: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 .menuBox{ width:100%; height:auto; padding:0; margin:20px 0 0 0; text-align:center !important;}

/*-- Footer Css --*/
.socialright{ margin-top:30px !important; display:block;}

.benefit-content{width:90%; padding-left:5%;}
.fev-wh{width:100%; height:auto;}
}
@media (min-width: 769px) and (max-width: 900px){
.topRibon{width:98%; height:auto; padding:0px; margin:auto; background:none; display:none;}
.topRibon1{width:98%; height:auto; padding:0px; margin:auto; background:none; display:block;}
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#fff;border-bottom:solid 0px #d30205; position:relative; z-index:101;-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:none; margin: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:110px;height: auto; padding:0px 0 0 3%; margin:0 !important; float:none;position:relative; top: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 {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px; 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:none; margin: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:110px;height: auto; padding:0px 0 0 3%; margin:0 !important; float:none;position:relative; top: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;}

.topRibon img{ border:solid 2px #e1e1e1;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0;}
.bannerbg{width:100%; height:100%; padding:0px; margin:0px; background:rgba(0,0,0,0.01); position:absolute; z-index:1;}
.bannerHeading{width:100%; height:auto; padding:10px auto 15px auto !important; margin:auto; position:absolute; z-index:2; top:11%; left:0; color:#fff; font-size:40px; font-weight:600; text-align:center;}
.bannerSMText{width:96%; height:auto; padding:50px 2% 0px 2%; margin:auto;  color:#fff; font-size:18px; font-weight:400; text-align:center; line-height:25px;}
.bannerSMText1{width:80%; height:auto; padding:10px 2% 10px 2%; margin:auto;  color:#fff; font-size:17px; font-weight:300; text-align:center; line-height:27px; font-style:italic;}
.bannerName{width:auto; height:auto; padding:0px 2% 10px 2%; margin:auto; background:url(../images/name-border-img.jpg) no-repeat center bottom;  color:#fff; font-size:17px; font-weight:500; text-align:center; line-height:27px; font-style:italic;}
.bannerBtn{width:auto; height:auto; padding:0px 2% 10px 2%; margin:auto;}
.bannrmbtn{width:120px; height:auto;}

/*-- Footer Css --*/
.socialright{ margin-top:50px !important; display:block !important;}

.benefit-content{width:90%; padding-left:5%;}
.fev-wh{width:100%; height:auto;}

.section1{ margin:0px !important;}
.inn-bann-section1{margin:0px !important;}

.appheader {width: 100%; margin: 0 !important;}
.yourlife{line-height:40px !important;}
}

@media (min-width: 480px) and (max-width: 769px){
.topRibon{width:98%; height:auto; padding:0px; margin:auto; background:none; display:none;}
.topRibon1{width:98%; height:auto; padding:0px; margin:auto; background:none; display:block;}
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#fff;border-bottom:solid 0px #d30205; position:relative; z-index:101;-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:none; margin: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:110px;height: auto; padding:0px 0 0 3%; margin:0 !important; float:none;position:relative; top: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 {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px; 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:none; margin: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:110px;height: auto; padding:0px 0 0 3%; margin:0 !important; float:none;position:relative; top: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;}

.topRibon img{ border:solid 2px #e1e1e1;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0;}
.bannerbg{width:100%; height:100%; padding:0px; margin:0px; background:rgba(0,0,0,0.01); position:absolute; z-index:1;}
.bannerHeading{width:100%; height:auto; padding:10px auto 15px auto !important; margin:auto; position:absolute; z-index:2; top:9%; left:0; color:#fff; font-size:23px; font-weight:600; text-align:center;}
.bannerSMText{width:96%; height:auto; padding:0px 2% 0px 2%; margin:auto;  color:#fff; font-size:20px; font-weight:400; text-align:center; line-height:25px;}
.bannerSMText1{ display:none;}
.bannerName{ display:none;}
.bannerBtn{width:auto; height:auto; padding:105px 2% 10px 2%; margin:auto;}
.bannrmbtn{width:120px; height:auto;}

.bannersliderbox{width:100%; height:auto; padding:0; margin:0; overflow-y:hidden;}

.testimonial-h-border img{width:100%; height:auto;}

.section101 .h-blog{padding:0;margin:0;}

/*-- Footer Css --*/
div#fNav1 ul { margin:10px 0 0px 0; padding: 0; list-style: none; } 
div#fNav1 ul li { margin: 0; padding:0px; list-style: none; } 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited {width:100%; padding:5px 0; margin:0 20px 0 0; text-decoration: none; color:#fffafa;
display:block !important; font-size:16px;text-align:left; line-height:28px; float:none; border-bottom: solid 1px #555 !important;} 
div#fNav1 ul  a:hover { color:#ff0000 !important;}

.socialright{ margin-top:50px !important; margin-bottom:50px !important; display:block !important;}

.benefit-content{width:90%; padding-left:5%;}
.fev-wh{width:100%; height:auto;}

.section1{ margin:0px !important;}
.inn-bann-section1{margin:0px !important;}

.appheader {width: 100%; margin: 0 !important;}
.yourlife{line-height:40px !important;}
.site-footer .row{ width:100%; height:auto; padding:0px 5%; margin:auto 0px !important;}

.defaultBtn{ font-size:15px !important;}

/*-- About Us --*/

.about-col1{width:100%; height:auto; padding:0; margin:auto; float:none;}
.about-col2{width:100%; height:auto; padding:0; margin:auto; float:none;}
.about-col3{width:100%; height:auto; padding:0; margin:auto; float:none;}
.about-col4{width:100%; height:auto; padding:0; margin:auto; float:none;}

}
@media (min-width: 220px) and (max-width: 480px){
.topRibon{width:98%; height:auto; padding:0px; margin:auto; background:none; display:none;}
.topRibon1{width:98%; height:auto; padding:0px; margin:auto; background:none; display:block;}
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#fff;border-bottom:solid 0px #d30205; position:relative; z-index:101;-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:none; margin: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:110px;height: auto; padding:0px 0 0 3%; margin:0 !important; float:none;position:relative; top: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 {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px; 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:none; margin: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:110px;height: auto; padding:0px 0 0 3%; margin:0 !important; float:none;position:relative; top: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;}

.topRibon img{ border:solid 2px #e1e1e1;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0;}
.bannerbg{width:100%; height:100%; padding:0px; margin:0px; background:rgba(0,0,0,0.01); position:absolute; z-index:1;}
.bannerHeading{width:100%; height:auto; padding:10px auto 15px auto !important; margin:auto; position:absolute; z-index:2; top:9%; left:0; color:#fff; font-size:21px; font-weight:600; text-align:center;}
.bannerSMText{width:96%; height:auto; padding:0px 2% 0px 2%; margin:auto;  color:#fff; font-size:18px; font-weight:400; text-align:center; line-height:25px;}
.bannerSMText1{ display:none;}
.bannerName{ display:none;}
.bannerBtn{width:auto; height:auto; padding:32px 2% 10px 2%; margin:auto;}
.bannrmbtn{width:120px; height:auto;}

.bannersliderbox{width:100%; height:auto; padding:0; margin:0; overflow-y:hidden;}

.testimonial-h-border img{width:100%; height:auto;}

.section101 .h-blog{padding:0;margin:0;}

/*-- Footer Css --*/
div#fNav1 ul { margin:10px 0 0px 0; padding: 0; list-style: none; } 
div#fNav1 ul li { margin: 0; padding:0px; list-style: none; } 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited {width:100%; padding:5px 0; margin:0 20px 0 0; text-decoration: none; color:#fffafa;
display:block !important; font-size:16px;text-align:left; line-height:28px; float:none; border-bottom: solid 1px #555 !important;} 
div#fNav1 ul  a:hover { color:#ff0000 !important;}

.socialright{ margin-top:50px !important; margin-bottom:50px !important; display:block !important;}

.benefit-content{width:90%; padding-left:5%;}
.fev-wh{width:100%; height:auto;}
.fev-lwh{width:100%; height:auto;}

.section1{ margin:0px !important;}
.inn-bann-section1{margin:0px !important;}

.appheader {width: 100%; margin: 0 !important;}
.yourlife{line-height:40px !important;}
.site-footer .row{ width:100%; height:auto; padding:0px 5%; margin:auto 0px !important;}

.defaultBtn{display:block;}

.section7 {top: -10px !important;}
.section8{ bottom:-15px !important;}

.appheader .heading-content{ padding-top:35px !important;}
.heading-content h1{ font-size:30px !important;}
.heading-content p{ font-size:21px !important;}

/*-- About Us --*/

.about-row1{width:100%; height:auto; padding:10px 7.5% 40px 7.5%; margin:auto;}
.about-row2{width:100%; height:auto; padding:40px 7.5%; margin:auto; background:#edf1f3;}
.about-col1{width:100%; height:auto; padding:0; margin:auto; float:none;}
.about-col2{width:100%; height:auto; padding:0; margin:auto; float:none;}
.about-col3{width:100%; height:auto; padding:0; margin:auto; float:none;}
.about-col4{width:100%; height:auto; padding:0; margin:auto; float:none;}

}