:root {
  --primary: #007eb6;
  --primary-dark: #02648f;
  --secondary: #444;
  --secondary-dark: #555;
  --black: #070707;
  --white: #fff;
  --gray: #777;
  --light: #f0f0f0;
  --ccc: #ccc;
  --aaa: #aaa;
  --c333: #333;
  --c555: #555;
  --c777: #777;
  --c999: #999;
}

.flex-element {
  display: flex;
}
.flex-center{
  display: flex;
  align-items: center;
}
.flex-sb{
  display: flex;
  justify-content: space-between;
}
.flex-start{
  display: flex;
  justify-content: flex-start;
}
.justify-center{
  display: flex;
  justify-content: center;
}
.flex-end {
  display: flex;
  align-items: flex-end;
}
.flex-stretch{
  display: flex;
  align-items: stretch;
}
.flex-sa{
  display: flex;
  justify-content: space-around;
}

body,html{}
body{font-family: 'Poppins', sans-serif; font-weight: normal; line-height: 1.5; color: var(--black); position: relative; height: 100%; overflow-x: hidden; background: var(--white)}
.light{font-weight: 300}
.regular,.normal{font-weight: normal}
.medium{font-weight: 500}
.semibold{font-weight: 600}
.bold{font-weight: bold}
.heavy{font-weight: 900}
b,strong{font-weight: 600}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins'; font-weight: 500}

h1{font-size:40px;}
h2{font-size:36px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}

textarea{resize: none}
a:hover,a:focus,a:active, button:hover,button:focus,button:active{outline: 0;}
button,a{outline: none; outline: 0}
.btn:focus{box-shadow: none!important}
/*a{color: var(--primary);}
a:hover{color: var(--primary-dark);}*/
.img-thumbnail,.btn, .form-control{border-radius:2px;}
.form-control{font-size: 16px; padding: 8px 16px; height: auto; min-height: 42px}
.form-control:focus{box-shadow: none; border-color: var(--primary)}
.btn-normal{font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; padding: 12px 30px; transition: ease-in-out 0.1s}

.form-btn{min-height: 42px; display: inline-flex; align-items: center; justify-content: center}

.btn-primary{background: var(--primary); border-color:var(--primary); color: var(--white);}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background: var(--primary-dark);border-color: var(--primary-dark); color: var(--white);}

.btn-outline-primary{background: #fff; border-color: var(--primary);color: var(--primary);}
.btn-outline-primary:hover,.btn-outline-primary:active,.btn-outline-primary:focus{background: var(--primary); border-color:var(--primary);color: #fff;}

.btn-secondary{background: var(--secondary); border-color:var(--secondary);color: var(--white);}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background: var(--secondary-dark);border-color: var(--secondary-dark); color: var(--white)}

.btn-light{background: var(--light); border-color:var(--light);color: var(--black);}
.btn-light:hover,.btn-light:focus,.btn-light:active{background: var(--black);border-color: var(--black); color: var(--white)}

.btn-dark{background: var(--c555); border-color:var(--secondary);color: var(--white);}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active{background: var(--black);border-color: var(--black); color: var(--white)}

.text-primary{color: var(--primary)!important;}
.text-secondary{color: var(--secondary)!important;}
.text-gray{color: var(--gray);}
.bg-primary{background: var(--primary)!important; color: #fff}
.bg-secondary{background: var(--secondary)!important; color: #fff}


header{padding: 5px 0; font-size: 18px;}
header a{color: #777; font-weight: 500; transition: ease-in-out 0.2s}
header a:hover{color: #000; text-decoration: none}


.lead{font-size: 18px; line-height: 1.7; color: var(--c777); font-weight: 400}
.lead-lg{font-size: 24px; line-height: 1.7; font-weight: 300}
.line{display: inline-block; margin: 0 auto; height: 6px; width: 130px; background: var(--primary)}
.line2{height: 2px;}
footer .line{width: 90px; margin-left: 0}
.title h3{line-height: 1;}
.bg-color{background: #f0f0f0;}

.owl-carousel:not(.owl_home_main){padding: 0 25px}
.owl-theme .owl-nav{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 5; margin: 0}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 32px;height: 32px;font-size: 14px;background: var(--aaa); opacity: 0.8;color: #fff;z-index: 100;border-radius: 50%;margin: 0; display: inline-flex; align-items: center; justify-content: center}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background: var(--primary);opacity: 1}
.owl-prev{position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
.owl-next{position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
.owl-prev i,.owl-next i{padding-top: 1px}
.owl-theme .owl-dots {position: absolute; margin: 0; z-index: 6; left: 50%; bottom: -40px;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.owl-theme .owl-dots .owl-dot span{width: 14px ; height: 14px; border-radius: 50%; margin: 5px; background: var(--c999)}
.owl-theme .owl-dots .owl-dot.active span{background: var(--primary)}

/*menu*/
.navbar-toggler {font-size: 24px}
.navbar-toggler i{color: #fff}
.navbar-toggler.collapsed .la-times, .navbar-toggler .la-bars{display: none}
.navbar-toggler.collapsed .la-bars, .navbar-toggler .la-times{display: block}

.navbar{background:var(--primary); padding:0; transition: ease-in-out 0.1s; position: sticky; top: 0; z-index: 999}
.navbar-expand-lg .navbar-nav .nav-link{color: #fff;padding:18px 10px;line-height:1; text-transform: uppercase; font-weight: 500; font-size: 16px;}
.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-link:focus,.navbar-expand-lg .navbar-nav .active .nav-link{background: #99ddcc; color: #000}

/* banner */

.owl_home_main{position: relative;}
.owl_home_main .content{position: absolute; left: 60px; top: 50px; z-index: 99}
.owl_home_main h1{
    font-size: 3rem;   
    line-height: 1.5;
    color: #fff;
    margin-bottom: 40px; white-space: nowrap; font-weight: 800}
.owl_home_main h1 span{outline: 2px solid #fff}
.owl_home_main h1 span span{border: 1px solid #000;
    background-color: #000;
    position: relative;
    z-index: 1;
    padding: 0.16rem 0.6rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.owl_home_main h3{color: #fff; font-weight: 400; /*background: rgba(0,0,0,0.5);*/ display: inline-block; padding: 5px 0; margin-bottom: 30px}
.owl_home_main h5{color: #fff; font-weight: 400; /*background: rgba(0,0,0,0.5);*/ display: inline-block; padding: 5px 0;}

.owl_home_main.owl-theme .owl-dots{bottom: 0}
.owl_home_main.owl-theme .owl-nav{left:20px; right: 20px}

.down{position: absolute; left: 0; right: 0; bottom: 10px; z-index: 99}



.box{min-height: 250px; background-size: cover; position: relative}
.box a{padding: 25px 25px 70px; display: block; color: #fff}
.box a:hover{text-decoration: none;}
.box .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,38,100,.4);transition: background-color .25s;transition-delay: .25s;}
.box .text{position: relative; z-index: 10}
.box .text{position: relative; z-index: 10}
.box a:hover .overlay{background-color: rgba(0,38,100,.8);}

a.more{
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  outline: 0;  
  color: #fff;
  box-sizing: border-box;  
  border: 2px solid #fff;
  border-radius: 50px;
  background: transparent url(../images/arrow-right.png) no-repeat right 10px center;
  background-size: 20px auto;
  height: 44px;
  width: auto;
  max-width: 44px;
  min-width: 44px;
  transition: max-width .25s,background-color .25s,border-color .25s,transform .25s,background-image .25s;
  transition-delay: .25s;
}
a.more:hover{
  background-color: var(--primary);border-color: var(--primary);
}

span.more{
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  outline: 0;
  position: absolute;
  bottom: 20px;
  color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50px;
  background: transparent url(../images/arrow-right.png) no-repeat right 10px center;
  background-size: 20px auto;
  height: 44px;
  width: auto;
  max-width: 44px;
  min-width: 44px;
  transition: max-width .25s,background-color .25s,border-color .25s,transform .25s,background-image .25s;
  transition-delay: .25s;
}


span.more span{opacity: 0;
  transition: opacity .25s;
  transition-delay: .25s;
  float: right;
  padding: 10px 45px 0 20px;
  white-space: nowrap;
  text-align: right;
  font-weight: 400
}

.box:hover span.more span, .banner:hover span.more span{
  opacity: 1
}
.box:hover span.more-blue{
  background-color: var(--primary);
  border-color: var(--primary);
  max-width: 350px;
}
.box:hover span.more-red, .banner:hover span.more-red{
  background-color: #c00;
  border-color: #c00;
  max-width: 350px;  
}

.box2{
  height: 100%;
  border: 1px solid var(--primary);  
}
.box2 a{display: block; padding: 20px 20px 40px; transition: ease-in-out 0.2s}
.box2 a:hover{text-decoration: none; background: #fff}
.box2 a h4{color: #333}
.box2 a p{color: #000}

.box2 span.more{bottom: -20px; border: 2px solid var(--primary); background-color: #f5f5f5; background-image: url(../images/arrow-right-blue.png)}
.box2:hover span.more{background-color: #007eb6!important;border-color: #007eb6;background-image: url(../images/arrow-right.png);max-width: 350px; }
.box2:hover span.more span{opacity: 1;}


.heading{position: relative; margin-bottom: 25px;}
.heading:before{position: absolute; content: ''; left: 0; right: 0; top: 50%; transform: translateY(-50%); height: 1px; background: #333; z-index: 0}
.heading span{display: inline-block; background: #fff; padding: 5px 10px; font-size: 30px; font-weight: bold; position: relative; z-index: 10; border: 1px solid #333; border-radius: 0 10px 0 10px}


.home-contact{position: relative; z-index: 9; margin-top: -50px}
.home-contact .call-box{background: #fff; border: 1px solid #ddd; min-height: 200px; width: 100%; max-width: 700px; margin: 0 auto;  box-shadow: 0 0 10px #ccc; display: flex; align-items: center;  background: var(--primary)}

.home-contact .call-box .icon{width: 150px; display: inline-flex; align-items: center; justify-content: center; padding: 20px;}
.home-contact .call-box .icon i{font-size: 100px; color: #fff;}
.home-contact .cont{width: calc(100% - 150px); padding: 20px; background: #fff}


.box3{margin-top: 110px; border:2px solid var(--primary) }
.box3 a{padding: 20px 25px 36px; display: block; color: #333}
.box3 a h6{color: #777}
.box3 a:hover{text-decoration: none;}
.box3 .img{margin: -120px auto 20px;
    width: 208px;
    height: 208px;
    border-radius: 104px; overflow: hidden    
}
.box3 .img img{
  width: 100%;
  height: 100%;
  object-fit: cover
}

.box3 .btnn{bottom: -20px; position: absolute; left: 0; right: 0}
.box3 span.more{bottom: 0; left: 50px; border: 2px solid var(--primary); background-color: #f5f5f5; background-image: url(../images/arrow-right-blue.png)}
.box3:hover span.more{background-color: #007eb6!important;border-color: #007eb6;background-image: url(../images/arrow-right.png);max-width: 350px; }
.box3:hover span.more span{opacity: 1;}

.bg2{background: url(../images/bg2.jpg) bottom center; background-size: cover;}
.bg3{background: url(../images/bg3.jpg) fixed center; background-size: cover;}


.box4{border:2px solid var(--primary); position: relative}
.box4 a{display: block; color: #333}
.box4 a h4{color: #777}
.box4 a p{color: #000; margin-bottom: 40px}
.box4 a:hover{text-decoration: none;}
.box4 .imageThumb{
  height: 200px; 
}
.box4 .imageThumb img{
  width: 100%;
  height: 100%;
  object-fit: cover
}

.box4 .cont{padding: 20px; background: #fff}

.box4 .btnn{bottom: -20px; position: absolute; left: 0; right: 0}
.box4 span.more{bottom: 0; left: 50px; border: 2px solid var(--primary); background-color: #f5f5f5; background-image: url(../images/arrow-right-blue.png)}
.box4:hover span.more{background-color: #007eb6!important;border-color: #007eb6;background-image: url(../images/arrow-right.png);max-width: 350px; }
.box4:hover span.more span{opacity: 1;}



/* footer */
footer{background: #262a35; color: var(--white); padding: 80px 0 50px}
.footer-logo{max-width: 200px}
footer h3{margin-bottom: 15px; font-weight: 400}
footer ul{margin: 0}
footer a{color: var(--white)}
footer a:hover{color: var(--primary); text-decoration: none}
footer hr{border-color: rgba(255,255,255,0.1)}

.list-quick-links li{}
.list-quick-links li a{display: block; padding: 4px 0; position:relative; color: #fff}
.list-quick-links li a:hover{text-decoration: none; color: var(--primary);}

.footer-form{}
.footer-form .form-control{font-size: 14px; min-height: 30px}

/*contact details*/
.table-footer-contact{border: 0; margin: 0;}
.table-footer-contact td{border: 0; padding: 4px 0; vertical-align: middle;color: #cacaca}
.table-footer-contact td:first-child{width: 35px}
.table-footer-contact a{color: #cacaca}

.table-contact-us{border: 0; margin: 0;}
.table-contact-us td{border: 0; padding: 5px 0; vertical-align: middle;color: #000}
.table-contact-us td i{width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; background: var(--primary); color: #fff}
.table-contact-us td:first-child{width: 35px}
.table-contact-us a{color: #000}

/*rounded social icons*/
a.social-inline{display: inline-flex; align-items: center; justify-content: center;width:36px;height:36px;border-radius: 50%;background: var(--white);color:var(--secondary); transition: ease-in-out 0.2s; margin-right: 4px}
a.social-inline:hover{background: var(--primary); color: var(--white);text-decoration: none}

.contactus-page a.social-inline{width:50px;height:50px;margin-right: 0; font-size: 24px; background: var(--light)}
.contactus-page a.social-inline+a.social-inline{margin-left: 10px}
.contactus-page a.social-inline:hover{background: var(--primary); color: var(--white);text-decoration: none}


/*copyright*/
.copyright{color: var(--ccc); font-size: 15px;}

/* inner page */
.static-banner{padding: 0; position: relative;box-shadow: 0 10px 30px -15px #999; border-bottom: 1px solid #fff; z-index:1; height: 250px; background: top center; background-size: cover}
.static-banner:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/dot.png)}
.static-banner h2{position: absolute; line-height: 1; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 3px #545e6c; color:#fff;text-align:center; font-size: 36px; min-width: 90%}

.bg-grey1{background: #f6f6f6}


.cmspages {font-size:15px;}
.cmspages h1{font-size:30px; margin: 0 0 15px}
.cmspages h2{font-size:24px; margin: 15px 0;}
.cmspages h3{font-size:22px; margin: 15px 0}
.cmspages h4{font-size:20px; margin: 15px 0;}
.cmspages h5{font-size:18px; margin: 15px 0}
.cmspages h6{font-size:16px; margin: 15px 0}

.cmspages ul{padding: 0; margin: 0}
.cmspages ul li{list-style: none}
.cmspages a:hover,.cmspages a:focus,.cmspages a:active, .cmspages button:hover,.cmspages button:focus,.cmspages button:active{outline: 0;}
.cmspages button,.cmspages a{outline: none; outline: 0}
.cmspages img{max-width: 100%; height: auto}
.cmspages p{/*text-align: justify*/}

.cmspages  ul,.cmspages  ol {margin: 0 0 1rem; padding: 0}
.cmspages  ul ul,.cmspages  ol ol{margin-bottom: 0}
.cmspages  ul ul ul,.cmspages  ol ol ol{margin-bottom: 0}
.cmspages ul li{list-style: none; position: relative; padding-left: 30px; margin: 5px 0}
.cmspages ul li:before{content: '\f105'; font-family: 'Line Awesome Free'; font-weight: 900; color: var(--primary); position: absolute; top: 0; left: 0;}
.cmspages ul ul li:before{content: '\f04b'; font-family: 'Line Awesome Free'; font-weight: 900; color: var(--primary); position: absolute; top: 0; left: 0;}
.cmspages ul ul ul li:before{content: '\f00c'; font-family: 'Line Awesome Free'; font-weight: 900; color: var(--primary); position: absolute; top: 0; left: 0;}
.cmspages ul.square li:before{content: '\f45c'; }

.cmspages ol li{position: relative; padding-left: 0; margin: 5px 0; display: block; padding-left: 25px}
.cmspages ol ol li,.cmspages ol ol ol li{padding-left: 30px;}
.cmspages ol { counter-reset: item }
.cmspages ol li:before { content: counters(item, " . ") " "; counter-increment: item; position: absolute; left: 0; color: var(--primary)}
.cmspages blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}
.cmspages blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 1px;margin-right: 0.25em;vertical-align: -0.4em;}
.cmspages blockquote p {display: inline;}
.cmspages blockquote h2,.cmspages blockquote h3,.cmspages blockquote h4,.cmspages blockquote h5,.cmspages blockquote h6 {margin-top: 0}
.cmspages table{margin-bottom: 20px}
.cmspages .card-service{padding-bottom: 0}
.cmspages .card-service img{margin: 0}
.table p:last-child{margin: 0}
.cmspages .table th{background: #f58c1f38}
.cmspages .table p{margin-bottom: 10px}
.cmspages .table p:last-child{margin-bottom: 0}

/* course page */
.course-title{background: var(--primary); color: #fff; padding: 8px 18px; margin-bottom: 20px; border-radius: 2px}
.course-title h1{margin: 0}

ul.list-menu{margin: 5px}
ul.list-menu li{list-style: none; padding: 0; font-weight: 500; color: #000; margin: 8px 0}
ul.list-menu li.level2{padding-left: 20px; font-weight: 400; color: #555}
ul.list-menu li:before{display: none}
ul.list-menu li.divider{}
ul.list-menu li.active{color: var(--primary); font-weight: 600}
.testimonial h2{color:var(--primary); text-shadow: 0 1px 0 #fff}

.policies {}
.scroll-index{display: flex; align-items: flex-start;}
.scroll-index h6{display: inline-flex; padding-top: 6px}
.w-80px{width: 80px;}
.cmspages .pdf-letters{display: block; margin: 0!important; width: calc(100% - 80px)}
.cmspages .pdf-letters li{list-style: none; padding: 0; margin: 0 4px 10px 0; width: 36px; display: inline-block; text-align: center; color: #777; font-weight: 400;}
.cmspages .pdf-letters li.no{border: 1px solid #eee;padding: 5px 0px;background: #f9f9f9;color: #bbb;cursor: no-drop;}
.cmspages .pdf-letters li:before{display: none}
.cmspages .pdf-letters li a{display: flex; line-height: 1; padding: 8px 0; border:1px solid #ddd; color: #007fff; font-weight: 500; background: #f6f6f6; align-items: center; justify-content: center}
.cmspages .pdf-letters li a:hover{background: var(--primary); border-color: var(--primary); color: #fff; text-decoration: none}

p.subheading{border-bottom: 1px solid #ddd; font-size: 30px; display: flex;align-items: center;justify-content: space-between; color: var(--primary)}
p.subheading i{font-size: 20px;}
.baktotop:hover{padding: 0 0 0 20px; color: var(--primary)}
.baktotop{padding: 0 0 0 20px; color: var(--secondary)}
.add-radius .form-control, .add-radius .btn{border-radius: 2px!important}
.cmspages .definitions{padding: 0; margin: 0}
.cmspages .definitions li{list-style: none; margin: 0;padding: 0}
.cmspages .definitions li:before{display: none; }
.cmspages .definitions  dl dt a{display: block; padding: 8px 8px 8px 30px; font-weight: normal; position: relative; transition: ease-in-out 0.1s; background: #fff; border-radius: 2px}
.cmspages .definitions dl dt:nth-last-of-type(odd) a{background: #f6f6f6;}
.cmspages .definitions  dl dt a:before{position: absolute; content: "\f1c1"; font-size: 18px; left: 5px; top: 5px; font-family: 'Line Awesome Free'; transition: ease-in-out 0.1s}
.cmspages .definitions  dl dt a:hover{background: var(--primary); color: #fff; text-decoration: none; padding-left: 30px}



/*.cmspages .definitions li:before{content: "\f1c1"; font-size: 26px; top: 2px}*/


.image-content-box{border: 1px solid var(--primary)}
.image-content-box p:last-child{margin: 0}

.logo-main{max-width: 350px}

.input-group.mobile-fullwidth,.input-group.mobile-fullwidth p{display: flex; flex-wrap: nowrap}
.input-group.mobile-fullwidth .form-control, .input-group.mobile-fullwidth .btn{height: 40px; min-height: 44px}
@media screen and (max-width: 1600px){
  
}

@media screen and (max-width: 1400px){
  
}

@media screen and (max-width: 1200px){
  .container{width: 100%; max-width: 100%;}   
  .banner-wrapper h1{font-size: 40px}  
}

@media screen and (max-width: 1199px){
  .navbar-expand-lg .navbar-nav .nav-link{padding:12px;}
}

@media screen and (max-width: 1024px){
  .static-banner{height: 200px;}
  .navbar-expand-lg .navbar-nav .nav-link{padding:12px 10px;}
}

@media screen and (min-width: 992px){
  .sidebar-section {position: absolute;height: 100%;width: 100%;}
  .sidebar-item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .make-me-sticky {position: -webkit-sticky;position: sticky;top: 0;padding:15px;}
}

@media screen and (max-width: 991px){    
  .navbar-collapse{position: absolute;top: 100%;z-index: 100;background: var(--primary); left: 0;right: 0; padding: 15px; min-width: 250px; box-shadow: 0 10px 20px #ddd}
  .navbar{padding: 8px} 
}
@media screen and (max-width: 860px){
  .banner-wrapper {max-width: 100%; text-align: center}
  .banner-wrapper h1{font-size: 30px; margin-bottom: 20px}
  .navbar-brand img{max-width: 100px}
  .footer-logo{max-width: 150px}
  .input-group.mobile-fullwidth,.input-group.mobile-fullwidth p{flex-direction: column; flex-wrap: wrap}
  .input-group.mobile-fullwidth .form-control{margin-bottom: 20px}
  .input-group.mobile-fullwidth>.btn-normal,.input-group.mobile-fullwidth>.custom-file, .input-group.mobile-fullwidth>.custom-select, .input-group.mobile-fullwidth>.form-control, .input-group.mobile-fullwidth>.form-control-plaintext{width:100%; border-radius: 2px; margin: 0 0 15px}
  .input-group>.input-group-append>.btn{width:100%; border-radius: 2px;}
}
@media screen and (max-width: 767px){
  .owl_home_main .content{left:15px; right: 15px;}
  .owl-carousel,.owl-carousel:not(.owl_home_main){padding: 0}
  .navbar .dropdown-menu{min-width: 200px;}
  .navbar .dropdown-menu img{display: none}
  
  footer{text-align: center}
  footer .line2{margin: 0 auto}
  .table-footer-contact td:first-child,.table-footer-contact td{display: block; width: 100%; text-align: center}
  .table-footer-contact td i:not(.social-inline i){margin-top: 10px; font-size: 30px}
  .table-contact-us td:first-child,.table-contact-us td{display: block; width: 100%; text-align: center}
  .table-contact-us td i:not(.social-inline i){margin-top: 10px; font-size: 30px}
  .down{display: none!important}
  .owl_home_main h3{display: none}
}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 575px){ 
  .lead-lg{font-size: 20px}
  h2{font-size: 30px}
  header,header .dropdown-item{font-size: 13px}
  header .btn{padding: 5px 10px; letter-spacing: 0; margin-left: 5px; font-size: 12px}
  .banner-wrapper h1{font-size: 20px; margin-bottom: 10px}  
  .owl_home_main.owl-theme .owl-dots{bottom: -5px}  
  .card-news.card-image{flex-direction: column;}
  .card-news.card-image .card-header,.card-news.card-image .card-body{width:100%;}
  .tne-slogan{font-size: 20px}
  .download h4{max-width: 300px; margin: 0 auto;}
  .banner-wrapper .btn{padding: 8px 20px; font-size: 12px}  
  .footer-form .form-control{min-height: 47px; font-size: 16px}
  a.social-inline{width: 40px;height: 40px; font-size: 24px}
  .footer-logo {max-width: 200px;}
  .course-title h1{font-size: 26px}
  .course-title{padding: 8px 15px}
  .owl_home_main h1{white-space: normal; font-size: 20px; margin: 0}
  .owl_home_main .content{top: 10px;}
  .owl_home_main h5{font-size: 14px; margin: 0}
  .logo-main{max-width: 250px; display: block; margin: 0 auto}
  .owl_home_main .more{position: relative; font-size: 13px}
  .heading span{font-size: 22px}
  .home-contact .call-box{flex-direction: column}
  .home-contact .cont{width: 100%; text-align: center}
}
@media screen and (max-width: 480px){

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

}