@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
body{ margin: 0; padding: 0; font-family: 'Roboto', sans-serif;  }
html { scroll-behavior: smooth; transition: 0.2s; overflow-x: hidden;  }
ul,li{ margin: 0 0 0 0 ; padding: 0; list-style: none; }
a, a:focus, a:hover{ border: none; text-decoration: none!important; } 
a:hover{ text-decoration: none; }
p{ margin-bottom: 0;  }
h2{ margin-top: 0; }
.fixed-header, .page-header{ position: sticky; top: 0; z-index: 999; transition: 0.2s; } 
.fixed-header.change .logo img{   transition: 0.5s;  }
.fixed-header.change .header .logo span{  }
.header{ background: #fff; }
.top-bar .container { position: relative; }
.top-bar .container ul { float: right; position: relative; z-index: 9999; }
.top-bar .container ul li{ list-style: none; float: left;  }
.top-bar{ height: 42px; background: #017a69;  }
.top-bar .link{ font-size: 14px; position: absolute; right: 0px; background: url(../images/enquery-bg.png) no-repeat; float: right; width: 175px; height: 58px; font-family: Arial; text-transform:uppercase; 
color: #fff; font-weight: bold; text-align: center; padding: 0 0 0 11px; line-height: 40px; }
.top-bar .link:hover{ color: #f38f1d; text-decoration: none;  }
.header .container{ display: flex; justify-content: space-between; }
.header .logo{ display: flex; align-items: center; font-size: 13px;  }
.header .logo span{ color: #01825a; margin: 4px 0 0 10px; font-size: 14px; line-height: 19px;}
.header .container .logo label { border: 1px solid #009a6a; padding: 0 0 0 0px; margin: 0 0 0 3px; font-size: 12px; height: 15px;
 border-radius: 50%; width: 15px; position: relative; top: -2px; }
.header .right-contact{  margin: 0 40px 0 0; display: flex; align-items: center; font-size: 14px; line-height:15px;  font-family: Arial;  }
.header .right-contact label{ margin:0 10px 0 0;  }
.top-contact { margin: 0 0 5px 0; }
.header .right-contact a{ color: #000; display: block; }
.header .container{ padding: 0 0; }
.header .container .logo{ margin-left: -6px;  }
#btnTop { display: none; position: fixed; bottom: 45px; right: 15px; z-index: 9999; font-size: 14px; border: none;
  outline: none; background-color: #05a7a2; color: white; cursor: pointer; padding: 5px 10px;; border-radius: 4px;
}
#btnTop:hover{ text-decoration: none; background-color: #07a9a3; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ outline: none; }
.date-time{ display: inline; float: left; color: #fff; font-size: 13px; margin: 13px 0 0 -15px; }
.top-login{ position: absolute; z-index: 999; right: 178px; display: flex; margin: 10px 0 0 0; }
.top-login .list a{ color: #fff; font-size: 13px; }
.top-login .list a:hover{ color: #7bfbe9; }
.top-login .list{ margin: 0 20px 0 0; }
.top-login label{ cursor: pointer; }
.top-login .list a label{ margin: 0 0 0 10px; font-weight: 400; }
.top-login .list:first-child { margin: 0 20px 0 0;  border-right: 1px solid #09a790; padding: 0 20px 0 0;
}

.footer-top{ background-color: #017f7b; padding:0 0; overflow: hidden;  }
.footer-top .quik-link{ margin: 0 40px 0 0; }
.footer-top .quik-link:last-child{ margin-right: 0;  }
.footer-top .col-md-8{ display: flex; padding: 40px 0 30px 0; }
.footer-top .quik-link h2{ font-family: 'Roboto Condensed', sans-serif; white-space: nowrap; margin-bottom: 20px; font-weight: bold; font-size: 24px; color: #fff;  }
.footer-top .quik-link ul li{ list-style: none; }
.footer-top .quik-link ul li a{ color: #fff; font-size: 14px; white-space: nowrap; background: url(../images/left-arrow.png) no-repeat left center;
padding: 0 0 0 20px; margin: 0 0 14px 0; display: block; }
.footer-top .quik-link ul li a:hover{ color:#7cf5e4; text-decoration: none; }
.footer-top .gallery-footer ul li{ list-style: none; float: left;  }
.footer-top .gallery-footer ul li a{ background: none; margin: 0 0; padding: 0 10px 10px 0; }
.about-bg { position: relative; }
.about-bg:after { position: absolute; content: ""; position: absolute; top: 0; background: #00473d; width: 1000px; height: 100%;  }
.about-text{ position: relative; z-index: 99; padding:40px 0 0 40px; color: #fff; font-size: 14px;   }
.about-text p{ padding: 35px 0 0 0 ; }
.about-text h2{ padding: 0 0 20px 0 ; font-family: 'Roboto Condensed', sans-serif;
    white-space: nowrap; font-weight: bold; font-size: 24px; color: #fff; }


.footer-bottom{ background:  #00473d; color: #fff; overflow: hidden;  }
.copyright{ text-align: left; font-size: 14px; padding: 30px 0 15px 0; position: relative;  }
.footer-socila:after { position: absolute; content: ""; left: 15px; position: absolute; top: 0;  background: #017f7b; width: 1000px; height: 100%;  }
.footer-socila ul{ position: relative; z-index: 999; margin: 0 0 0 40px; }
.footer-socila ul li { list-style: none; float: left; margin-right: 1px;  }
.footer-socila ul li a{ width: 30px; height: 30px; line-height: 26px; color: #fff; margin: 0 7px 0 0;
  font-size: 16px; border: 1px solid #04908b; padding: 1px 4px; border-radius: 4px; display: block; text-align: center;
}
.footer-socila ul li a:hover{ background:#079e9a; color: #3ef3ed; }
.footer-socila{ padding: 27px 0 0 60px}
.textrightsk{ margin: 0 0 0 21px; }
.about-text span img{ margin: 0 0 0 -2px; }
.nav-container.sticky { position: fixed; top: 0; width: 100%; z-index: 99999;  }
.nav-container{ }


.banner-bottom{ margin: -32px 0 0 0; position: relative; z-index: 9;  }
.banner-bottom-slider{ display: flex; background: #008661; border-bottom: 6px solid #f38f1d;   }
.banner-bottom .container{ padding: 0 0;  }
.banner-bottom-slider .slide-box{ padding:20px 20px 29px 20px; text-align:center; color:#fff; border-right: 1px solid #04a579;  }
.banner-bottom-slider .slide-box:nth-child(2), .banner-bottom-slider .slide-box:nth-child(4), .banner-bottom-slider .slide-box:nth-child(6)
{ margin:0 20px 0 0px; }
.banner-bottom-slider .slide-box:last-child{ border-right: none; }
.banner-bottom-slider .slide-box h2{ font-size: 20px; margin: 10px 0 10px 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; text-transform: uppercase;}
.banner-bottom-slider .slide-box p{ font-size: 13px; margin: 0 0 20px 0; }
.banner-bottom-slider .slide-box i.fa{ border: 2px solid #fff; border-radius: 50%; width: 30px; height: 30px; line-height: 25px; padding: 0 0 0 2px; text-align: center; }
.banner-bottom-slider .slide-box a:hover i.fa{ color:#ffa200; border: 2px solid #ffa200;    }
.banner-bottom-slider .slide-box a { color:#fff;    }


.choose-exim-guild{   }
.choose-exim-guild .container{ padding:40px 0 30px 0;  }
.choose-exim-guild h2{ text-align: center; font-size: 30px; margin: 0 0 30px 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 600; text-transform: uppercase;   }
.choose-exim-guild .choose-list{ display: flex; min-height: 84px; font-size: 14px; margin: 0 0 20px 0; align-items:end; }
.choose-list img { margin: 0 15px 0 0px; }

.business-mission .col-md-8{ padding-right:0;  }
.business-mission{ margin: 0 0 40px 0; }
.left-img{ width: 90%; padding:0 0; }
.business-right { width: 90%; float: right; }
.mission-img{ background: #f1f0f0; margin: 0 0 0 0; }
.mission-img img{ width: 110%; min-height: 420px;   }
.mission-img section h2{ margin: 0 0 8px 0; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 600;  }
.mission-img section { margin:40px 0 20px 0;  }
.mission-img section a{ color:#ff5104; font-size: 14px; }
.mission-img section a:hover{ color:#01727f;  }
.mission-img section a i.fa{ margin: 0 0 0 5px; }
.business-right h2{ font-family: 'Roboto Condensed', sans-serif; margin-top:0;  font-size: 15px; color:#404041; font-weight: bold; text-transform: uppercase; }
.business-right h3{ margin: 0 0 0 0; font-family: 'Roboto Condensed', sans-serif; font-size: 34px; color:#017f7b; font-weight: bold; text-transform: uppercase; }
.mission-panel{ font-size: 14px; margin: 15px 0 0 0; }
.mission-panel strong{ font-size: 16px; font-weight: 600; margin: 10px 0 10px 0; display: block; }
.mission-box{ background: #008661; display: flex; color:#fff; position: relative; margin: 15px 0 10px 5%; width: 45%; float: left; justify-content: center;
    align-items: center;  margin: 10px 0 10px 0; padding: 15px 20px; }
.mission-box img { max-width: 90px; }
.vision-box{ background: #017f7b; display: flex; color:#fff; position: relative; width: 45%; float: right; justify-content: center;
    align-items: center;  margin: 10px 0 0 27px; padding: 15px 20px;   }
.mission-box:after{ position: absolute; content: ""; width: 63px; height: 44px; left: -43px;
    top: 10px; background: url(../images/left-icon-1.png) no-repeat ;    }
.vision-box:after{ position: absolute; content: ""; width: 63px; height: 44px; left: -43px;
    top: 10px; background: url(../images/left-icon-2.png) no-repeat ;    }
.mission-box section, .vision-box section{ margin: 0 0 0 15px;  }
.mission-box section label, .vision-box section label{ font-size: 22px; }
.mission-box section p, .vision-box section p{ font-size: 12px;  }

.faq-panel{ background: url(../images/world-map.png) no-repeat left #017675; margin: 0 0 50px 0; overflow: hidden;  }
.faq-panel .container{ padding: 0 0;  }
.business-bg2{ position: relative; }
.business-bg2:after{ width: 800px; height: 100%; background-size: cover; position: absolute; content: ""; background: url(../images/business-img-2.jpg) ; }

.faq-panel .card-header{ background: #fff; padding: 0 0; border: none; }
.faq-panel .card-body{ background: #017f82; color: #e9e9e9; border:1px solid  #049d9c; font-size: 13px;    }
.faq-panel .card{ border:none; margin: 0 0 15px 0; }
.faq-panel .btn-link{ color: #000; border-radius: 0; display: block; width: 100%; border: none; text-align: left; padding: 14px 30px;
    font-size: 15px; font-weight: normal; white-space: normal; }
.faq-panel .btn-link:hover, .faq-panel .btn-link:focus{ color: #fff; text-decoration: none; background:  #008661;  }
.faq-panel .btn-link i.fa{ float: right; line-height: 23px; font-weight: 700; font-size: 20px; }
.faq-panel .card-header:first-child{  border-radius: 0;  }
.home-faq{ width: 90%; padding: 45px 0 40px 0; margin: 0; }
.home-faq h2{ color: #d6d6d6; font-size: 20px; text-transform: uppercase; margin:0 0 0 0; }
.home-faq h3{ color: #fff; font-size: 47px; font-family: 'Roboto Condensed'; margin: 0 0 20px 0; }
.home-faq h3 span{ display: block; }
.faq-img{ display: none;  }
.home-faq .accordion{ margin: 0 0 30px 0; }
.home-faq a.link{ color: #fff; font-size: 16px; margin: 10px 0 0 0; text-align: right; display: block; }
a.link:hover{ color: #06e3e1;  }
.home-faq a.link .fa{font-size: 18px; margin: 0 0 0 10px; position: relative; top: 1px;}

.void-panel{ background:#f4f3f3; padding: 30px 0 40px 0;  }
.void-panel h2{ color:#000; text-align: center; text-transform: uppercase; font-size: 47px; display: block; width: 100%; font-family: 'Roboto Condensed'; }
.void-panel p{ color:#000; width: 60%; line-height: 23px; text-align: center; font-size: 14px; display: block; margin: 0 auto; }
.void-panel .video-flex{ display: flex; width: 100%; margin: 30px 0 0 0; justify-content: space-between;} 
.void-panel .video-box{ box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.42); width: 23%; background:#017f7b; border-radius: 6px;    } 
.void-panel .video-box .video-title { color:#fff; text-align: center; margin:30px 20px 30px 20px; font-size: 17px; font-weight: 300; }
.void-panel .video {  }
.void-panel .video img{ cursor: pointer; width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px;    }

.sub-logo{ min-height: 320px; padding: 60px 0 0 0; background: url(../images/sublogo-bg.jpg) #e9e7e7 no-repeat center ;   }
.sub-logo h2{ font-size: 17px;  font-family: 'Roboto Condensed'; font-weight: 400; }
.memberships-logo h2{ margin: 10px 0 0 60px;  }
.memberships-logo .carousel-inner .carousel-item{  margin: 0 0 0 40px;  }
.memberships-logo .carousel-inner .carousel-item img{ float: left; margin: 0 5px; width: 27%; }
.memberships-logo .carousel-control-prev-icon{ width: 26px; height: 29px; background: url(../images/logo-arrow1.png) no-repeat;    }
.memberships-logo .carousel-control-next-icon{ width: 26px; height: 29px; background: url(../images/logo-arrow2.png) no-repeat;  }
.memberships-logo .carousel-control-next, .memberships-logo  .carousel-control-prev{ width: 26px; background: #f4f3f3; opacity: 1;  }
.memberships-logo .carousel{ width: 88%; margin: 20px 0 0 0; }
.memberships-logo .control-prev { width: 26px;  }
.memberships-logo { padding-left: 0; }


.placement-logo h2{ margin: 30px 0 0 105px;  }
.placement-logo .carousel-inner .carousel-item{  margin: 0 0 0 40px;  }
.placement-logo .carousel-inner .carousel-item img{ float: left; margin: 0 5px; width: 27%; }
.placement-logo .carousel-control-prev-icon{ width: 26px; height: 29px; background: url(../images/logo-arrow1.png) no-repeat;    }
.placement-logo .carousel-control-next-icon{ width: 26px; height: 29px; background: url(../images/logo-arrow2.png) no-repeat;  }
.placement-logo .carousel-control-next, .memberships-logo  .carousel-control-prev{ width: 26px; background: #f4f3f3; opacity: 1;  }
.placement-logo .carousel{ width: 90%; float: right; margin: 30px 0 0 0; }
.placement-logo .control-prev { width: 26px;  }
.placement-logo { padding-right: 0; }
.placement-logo .carousel-control-next, .placement-logo .carousel-control-prev{ width: 26px; background:#edecec; opacity: 1;  }
.testimonial-panel{ background:#fff; padding: 90px 0 40px 0; overflow: hidden;  }
.testimonial-panel .col-md-5{ position: relative; color:#fff; min-height: 350px; padding-left: 0;   }
.testimonial-panel .col-md-5:after{ top: -42px; right: -50px; background:#f38f1d; height: 100%; width: 1000px; position: absolute; content: "";  }
.testimonial-panel .tml-text{ position: relative; padding: 0 30px 0 0px; color:#fff; z-index: 2; }

.testimonial-panel .col-md-7{ position: relative; color:#fff; min-height: 350px;  }
.testimonial-panel .col-md-7:after{ background: url(../images/bg-2.png) no-repeat top left #017f7b; height: 100%; width: 1000px; top: 0; left: 0; position: absolute; content: "";  }
.testimonial-panel .tml-slide{ position: relative; color:#fff; z-index: 2; margin: -45px 0 0 0; }

.testimonial-panel .tml-text h2{ font-size: 14px; text-transform: uppercase; color:#f0f0f0;   }
.testimonial-panel .tml-text h3{ font-size: 54px; margin: 0 0 0 0; line-height: 60px; font-family: 'Roboto Condensed'; font-weight: bold;  }
.testimonial-panel .tml-text h3 span{ display: block;    }
.testimonial-panel .tml-text p{ font-size: 14px; }
.testimonial-panel .tml-text h3 label{ display: block;  }
.testimonial-panel .carousel-item{ text-align:center; min-height: 390px;  }
.testimonial-panel .user-img{ width: 97px; height: 97px; border: 1px solid #fff; box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.42); border-radius: 50%; margin: 0 auto; overflow: hidden;  }
.testimonial-panel .carousel-inner{  }
.testimonial-panel .carousel-item p{  background: url(../images/clone.png) no-repeat center; margin:40px 40px 30px 40px; font-size: 14px; line-height: 21px; font-weight: 300;   }
.testimonial-panel .carousel-item strong{ font-size: 17px; font-family: 'Roboto Condensed'; }
.testimonial-panel .carousel-item strong span{ font-size: 15px; font-family: 'Roboto'; font-weight: 400; display: block; }
.testimonial-panel .carousel-indicators li{ width: 20px;   }
.testimonial-panel .carousel-indicators .active{ background:#f38f1d; }
.testimonial-panel .carousel-indicators li{ background:#fff; opacity: 1;   }
.testimonial-panel .carousel-control-next-icon, .testimonial-panel .carousel-control-prev-icon{ opacity: 0;  }

.pillars-success{ background:#fafafa; padding: 30px 0;   }
.pillars-success h2{ width: 100%; text-align: center; margin: 0 0 20px 0; font-family: 'Roboto Condensed'; font-weight: bold; text-transform: uppercase; }
.pillars-list{ display:flex; width: 100%;  }
.pillars-box{ background: #008762; width: 20%; min-height: 190px; color:#f0f0f0; text-align: center; padding: 20px 20px; }
.pillars-box h3{ font-family: 'Roboto Condensed'; font-size: 16px; padding: 10px 0 0px 0; font-weight: bold;}
.pillars-box p{ font-size: 12px; }
.pillars-box:nth-child(2), .pillars-box:nth-child(4){ background: #00473d;   }
.quick-contat{ background:url(../images/world-map-2.png) no-repeat left center #015a57; padding: 40px 0; color:#fff;  min-height: 500px; }
.quick-contat h2{ font-size: 34px; font-family: 'Roboto Condensed'; margin: 0 0 40px 0;  }
.quick-contat h3{ font-size: 17px; font-weight: 400; margin: 0 0 100px 0;  }
.quick-contat .contat-row{ width: 100%; display: flex; align-items: center; margin: 0 0 0 0; }
.contat-details{ padding-left: 0; }
.quick-contat .contat-row section label{margin: 0 0 15px 0; width: 100%; display: block; font-size: 17px; text-transform: uppercase;  }
.quick-contat .contat-row section strong{ margin: 0 0 65px 0; font-family: Arial; font-weight: 300;  width: 100%; display: block; font-size:25px; line-height:30px; }
.contat-row span img{ margin: 0 20px 0 0;  }
.contat-form{ padding: 20px 40px 20px 50px; background:url(../images/world-map-2.png) no-repeat left center #fff; width: 100%; min-height: 500px; border-radius: 6px;   }
.contat-form h2{ font-size: 31px; margin: 0 0 20px 0; font-family: 'Roboto Condensed'; color: #017f7b; font-weight: bold;  }
.contatArea{ width: 100%; padding: 0 40px; }
.contatArea .contatInput{ width: 100%; display: flex; margin: 0 0 10px 0; color: #000; }
.contatArea .contatInput span, .contatArea .contatInput label{ font-weight: 400; width: 140px; font-size: 15px; padding: 10px 0 0 0; }  
.contatArea .contatInput input[type="text"], .contatArea .contatInput input[type="phone"], .contatArea .contatInput input[type="email"]
.contatArea .contatInput select.select-program { width: 75%; height: 36px; background: #e9ebec; padding: 4px 10px; border: 1px solid #cecece; border-radius: 4px;  } 
.contatArea .contatInput .col{  display: flex; margin: 0; padding: 0 }
.contatArea .contatInput .col-inner{  margin: 0 0 0 20px; display: flex; justify-content: space-between; }
.contatArea .contatInput select{ background: #e9ebec; height: 40px; font-size: 14px; padding: 4px 10px; border: 1px solid #cecece; border-radius: 4px; }
.contatArea .contatInput textarea{ background: #e9ebec; height: 70px; width: 75%; resize: none; font-size: 14px; padding: 4px 10px; border: 1px solid #cecece; border-radius: 4px; }
.contatArea .contatInput .codeType { width: 40%!important; float: left; }
.contatArea .contatInput .col-inner span, .contatArea .contatInput .col-inner label{ width: auto; }
.contatArea .contatInput input[type="submit"] { cursor: pointer; background: #026865; padding: 0 35px; height: 44px; text-transform: uppercase; color: #fff; font-size: 16px; 
line-height: 40px; font-family: 'Roboto Condensed'; border-radius: 6px; border: none; margin: 20px 10px 0 0;  }
.contatArea .contatInput input[type="reset"] { cursor: pointer; background: #f38f1d; padding: 0 35px; height: 44px; text-transform: uppercase; color: #fff; font-size: 16px; 
line-height: 40px; font-family: 'Roboto Condensed'; border-radius: 6px; border: none; margin: 20px 10px 0 0;  }
.contatArea .contatInput input[type="submit"]:hover { background: #017f7b;  }
.contatArea .contatInput input[type="reset"]:hover { background: #ff8800;  }
.contatArea .contatInput strong{ margin: 15px 0 5px 0; }

.item-image{ position: relative; }
.banner-inner{ width: 45%; color:#fff; height: 100%; right: 0; background: rgba(0, 134, 97, 0.5); position: absolute; top: 0;  }
.banner-text{ width: 70%; padding: 30px 0 0 30px; }
.banner-text span{ font-size: 14px; text-transform: uppercase; font-weight: 300;  }
.banner-text h2{ font-size: 30px; font-family: 'Roboto Condensed'; font-weight: 600;  }
.banner-text h2 label{ color:#02cda9;  }
.banner-text p{ font-size: 14px; margin: 10px 0 0 0; }
.banner-text .linkPrograms{ padding: 15px 30px; border: 2px solid #fff; color:#fff; font-size: 14px; text-transform: uppercase; font-weight: 300; }
.banner-text .linkCall{ padding: 18px 30px; margin: 0 0 0 20px; background:#f38f1d; color:#fff; font-size: 14px; text-transform: uppercase; font-weight: 300; }
.banner-link{ margin: 30px 0 0 0; }
.banner-text .linkPrograms:hover{ border: 2px solid #02cda9; color:#02cda9; }
.banner-text .linkCall:hover{ background:#02cda9; }
.admision-link{ position: fixed; top:235px; z-index: 99; left: -3px; display: none; }
.list-nth2{ align-items: end!important; }
.quick-contat .col-md-7{ padding-right: 0;  }
.about-text ul{ margin: 30px 0 0 0; }
.about-text ul li{ list-style: none; margin: 10px 0; font-size: 16px; font-weight: 300; }
.about-text ul li a{ color: #fff; }
.inner-banner{ background: #06afaa; min-height: 140px;  }
.inner-banner h2{ font-size: 45px; padding:20px 0 0 0; font-family: 'Roboto Condensed'; font-weight: 600; color: #fff;  }
.inner-body{ width: 100%; min-height: 400px; position: relative; display: flow-root; margin:-50px 0 0 0; padding: 40px 40px; background: #fff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.20);  }
.inner-banner .container,.inner-page .container{ padding: 0 0;  }
.inner-banner-big{ width: 100%; height: 268px; text-align: center; position: relative; background: url(../images/faq-banner.jpg) no-repeat; background-size: cover;  }
.inner-banner-img img{ width: 100%;  }
.inner-banner-big .inner-title{  font-family: 'Roboto Condensed'; padding: 55px 0 0 0; position: relative; z-index: 2; line-height: 20px; color: #fff;  }
.inner-banner-big .inner-title h2{ font-size: 42px; margin: 0 0 5px 0; text-transform: uppercase; }
.inner-banner-big .inner-title span{ font-size: 17px; font-family: roboto; text-transform: capitalize; }
.inner-banner-img { position: absolute; top: 0; left: 0;  }
.contact-banner{ background: url(../images/online-banner.jpg) no-repeat; }
.contact-us-top{ background: #f5f6fa; padding: 40px 0 10px 0;   }
.contact-us-top .top-box{ background: #fff; margin: 0 0 30px 0;  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); padding: 25px 0 25px 0; text-align: center; }
.contact-us-top .top-box span{ display: block; padding: 0 0 20px 0; min-height: 92px;  }
.contact-us-top .top-box h2{ display: block; padding: 0 0 20px 0; font-family: 'Roboto Condensed'; font-size: 21px; font-weight: 600;  }
.contact-us-top .top-box p{ color: #656d80; font-size: 17px; padding: 0 20px; line-height: 28px; }
.contact-us-top .top-box p label{ display: block; }
.contact-body{ padding: 40px 0 40px 0; }
.contact-body h2{ color: #ff8a00; font-family: 'Roboto Condensed'; font-size: 16px; text-transform: uppercase; font-weight: 600;    }
.contact-body h3{ color: #000; font-family: 'Roboto Condensed'; font-size: 45px; font-weight: 600; line-height: 30px;
    margin: 25px 0 0 0;   }
.contact-body h3 label{ margin: 0; padding: 0;  }
.contact-body p{ font-size: 14px;  }


.inner-body h3{ font-size: 17px; display: block; font-family: 'open sans'; font-weight: 600; margin: 0 0 20px 0;  }
.inner-body p{ font-size: 14px; line-height: 25px; display: block; margin-bottom:0;   }
.inner-body section img{ float: left; margin: 0 30px 20px 0; max-width: 100%;}
.inner-body section { width: 100%; float: left; margin: 0 0 20px 0; }
.header .container:after, .header .container:before { content: initial; }
.page-header { padding:0 !important; margin:0 !important; border:none !important; }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 0; margin-bottom: 0; }
.right-sticky{ background: #f38f1d; position: fixed; top: 234px; right: 0; z-index: 9; }
.right-sticky ul li{ list-style: none; border-bottom: 1px solid #fff; }
.right-sticky ul li a{ display: block; padding:20px 10px; }
.right-sticky ul li:last-child{ border: none; }

.directors-box{ width: 46%; min-height: 910px; float: left; margin:0 2% 4% 2%; background: #f2f2f2; padding: 20px; box-sizing: border-box; }
.directors-box .img{  }
.directors-box .img img{ max-width: 100%;   }
.directors-box .title{ width: 100%; padding: 0 0 10px 0; border-bottom: 1px solid #cdcccc; display: flex; align-items: center; margin:20px 0 20px 0 ; } 
.directors-box .title h2{ margin-top:0;  font-family: 'Roboto Condensed'; color: #017a69; font-size: 25px; font-weight: 600; }
.directors-box .title label{ font-family: 'Roboto Condensed'; color: #404041; font-size: 15px; font-weight: 400; text-transform: capitalize; margin:-2px 0 0 10px; }
.directors-box.director1, .directors-box.director2{ min-height: 1650px; }
.about-text img{ max-width: 100%;  }
.clone-img{ width: 100%; display: block; margin-bottom: 10px;  }
.director-desk{ display: flex;  }
.director-name{ text-align: right; padding: 0 0 0 0px; text-transform: capitalize; }
.director-img { margin: 50px 30px 0 0;  }
.director-name h2{ font-family: 'Roboto Condensed'; color: #017a69; font-size: 25px; text-transform: capitalize;  }
.director-name span{ font-family: 'Roboto Condensed'; color: #404041; padding: 0 20px 0 0; font-size: 15px; text-transform: capitalize;  }
.faq-accordion .btn-link{ color: #000; width: 100%; text-align: left;   }
.faq-accordion h2{ margin: 0 0 0 0; }
.faq-accordion .btn-link .fa{ float: right;  }
.faq-accordion .btn-link:focus, .faq-accordion .btn-link:hover{ text-decoration: none; }
.faq-accordion .card-body{ font-size: 14px;background: #f5f5f5;  }
.faq-accordion { box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);  }
.faq-accordion .card-header{ background: #fffdfd; font-family: open sans; border-bottom: 1px solid #f1f1f1;    }
.inner-banner-big label { color: #ff6600;  }
.inner-banner-big a { color: #fff;  }
.online-admission{ margin:0 0 0 0;  }
.add-bg{ position: relative; padding: 40px 0 0 0; }
.add-bg:before{ background: #f4f6f9; position: absolute; top: 0; left:0; width: 100%; height: 300px; content: ""; }
.online-admission-top{ width: 100%; float: left;  }
.online-admission-top .from-panel{ float: left; width: 67%;  }
.online-admission-top .image-panel{ float: right; width: 32%;  }
.online-admission-top .image-panel img{ width: 100%;  }
.online-admission-top .from-panel h2{ font-family: 'Roboto Condensed'; font-size: 18px;  margin: 0 0 30px 0; }
.online-admission-top .from-panel ul li{ min-height: 50px; list-style: none; width: 46%; float: left; margin: 0 4% 29px 0; }
.online-admission-top .from-panel ul li span { line-height: 38px; width:120px; float: left; font-size: 14px;  }
.online-admission-top .from-panel ul li input[type="text"] { width: 65%; height: 38px; float: left;  }
.online-admission-top .from-panel ul li select { width: 65%; float: left; height: 38px; }
.online-admission-top .from-panel ul li input[type="radio"] { margin: 0 6px 0 0; }
.online-admission-top .from-panel ul li.w-100 span{ line-height: 23px;  }
.online-admission-bottom{ margin: 0 0 20px 0; width: 100%; float: left; background: #f4f6f9; padding: 45px 25px 50px 40px; }
.paynow-btn{ padding: 0 30px; background: #017a69; width:190px; border-radius:4px; height: 40px; 
  line-height: 40px; text-transform: uppercase; color: #fff; border:none; cursor: pointer;   }
.paynow-btn:hover{ background: #017f7b;  }
.online-admission-bottom a{ color: #066f4e;  }
.Leadership-panel .choose-list{ margin: 0 10px 0 0;  min-height: 170px; align-items: flex-start;  }
.Leadership-panel .choose-list strong{ font-family: 'Roboto Condensed'; font-size: 18px; }
.contact-form{ border: 1px solid #dbdbdb; padding: 30px 25px; margin: 30px 0 0 0; display: flex; justify-content: space-between; }
.contact-form .contact-form-left{ width: 50%;  }
.contact-form .contact-form-right{ width: 43%;  }
.contact-form .contact-form-right img{ width: 100%;  }
.contact-form .contact-form-left {  }
.contact-form .contact-form-left ul li{ list-style: none; margin: 0 0 8px 0; font-size: 14px;  }
.contact-form .contact-form-left ul li:last-child{ margin: 0;  }
.contact-form .contact-form-left ul li input[type="text"]{ padding: 0 20px 0 40px; width: 100%; height: 42px; border: 1px solid #dbdbdb;  }
.contact-form .contact-form-left ul li select{ padding: 0 20px 0 15px; width: 100%; height: 42px; border: 1px solid #dbdbdb;  }
.contact-form .contact-form-left ul li textarea{padding: 10px 20px 0 40px;  width: 100%; height: 80px; border: 1px solid #dbdbdb;  }
.contact-form .contact-form-left input[type="submit"]{ background: #f38f1d; padding: 0 30px; border: none; cursor: pointer; color: #fff; text-transform: uppercase; font-size: 14px; height: 40px; text-align: center;  }
.contact-form .contact-form-left input[type="submit"]:hover{  }
.inputName{ background: url(../images/name.png) no-repeat 17px 11px; }
.inputlst{ background: url(../images/name.png) no-repeat 17px 11px; }
.inputPhone{ background: url(../images/phone.png) no-repeat 17px 12px; }
.inputSub{ background: url(../images/subject.png) no-repeat 17px 13px; }
.inputAdd{ background: url(../images/mail.png) no-repeat 17px 13px; }
.inputMsg{ background: url(../images/message.png) no-repeat 17px 13px; }

.contact-bottom{ background: url(../images/contact-bg.jpg) no-repeat #f39325; background-size:cover;  text-align: center; color: #fff; font-family: 'Roboto Condensed';   }
.contact-bottom a{ color: #fff;  }
.contact-bottom h2{ font-size: 16px; margin: 10px 0 30px 0; }
.contact-bottom h3{ font-size: 39px; margin: 0 0 50px 0; line-height: 55px; font-weight: 600; }
.contact-bottom h3 label{ display: block; }
.contact-bottom .container{ padding: 40px 0 60px 0; }
.contact-bottom .call{ border: 1px solid #fff; padding: 15px 45px; text-align: center; text-transform: uppercase; }
.contact-bottom .call:hover{  border: 1px solid #ccc; color: #ccc; }
.career-banner{background: url(../images/career-banner.jpg) no-repeat; background-size: cover; }
.trade-banner{background: url(../images/trade-banner.jpg) no-repeat; background-size: cover; }
.news-banner{background: url(../images/news-banner.jpg) no-repeat; background-size: cover; }
.services-banner, .scholarship-banner{background: url(../images/career-banner.jpg) no-repeat; background-size: cover; }
.online-admission-banner{ background: url(../images/faq-banner.jpg) no-repeat; background-size: cover;  }

.career-heading{ text-align: center; padding: 0 0 0 0; font-family: 'Roboto Condensed';  }
.career-heading h2{ font-size: 24px; position: relative; line-height: 42px; margin-top:0;  }
.career-heading h2:after{ bottom: 0; left: 47%; position: absolute; content: ""; width: 50px; height: 3px; background: #f39325; margin: 0 auto;   } 
.career-heading h3{ font-size: 38px; font-weight: bold; margin: 30px 0 10px 0; }
.career-heading p{ font-size: 15px; }
.career-heading p label{ display: block; }
.contact-us-top .bottom-box{ text-align: center; margin: 50px 0 0 0; }
.contact-us-top .bottom-box h4{ font-size: 26px; font-family: 'Roboto Condensed'; font-weight: 600;
    margin: 10px 0 20px 0;  }
.contact-us-top .bottom-box h5{ font-size: 14px; line-height: 21px;    }
.career-form{ margin: 0 0 0 0; }
.career-form-right{ border: none; }
.career-form .upload{ padding: 7px 20px 0 20px; width: 100%; height: 42px; border: 1px solid #dbdbdb; }
.career-form .upload span{ padding: 0 10px 0 0; float: left; }
.career-form .contact-form-left ul li input[type="text"] {  padding: 0 20px 0 20px; }
.career-form .contact-form-left ul li textarea{ padding: 10px 20px 0 20px;  }
.career-form-right{ border: none!important; }
.career-form-right img{ width: 100%;  }
.career-form-right h2{  font-weight: 600; margin: 30px 0 10px 0; font-family: 'Roboto Condensed'; font-size: 22px; color: #01825a;  }
.career-form-right h3{  font-weight: 600;  font-size: 19px; color: #000; margin: 20px 0 5px 0;  }
.openPosition{ margin: 0 0 40px 0; }
.jobRow{ width: 100%; border:1px solid #ccc; border-radius: 6px; padding: 20px 30px; display: inline-block; }
.openPosition h2{ font-family: 'Roboto Condensed'; font-size: 24px; margin: 0 0 10px 0;  }
.jobRow strong{ font-size: 18px; margin: 0 0 0 0; display: block;  }
.jobRow h4{ font-size: 21px; margin: 10px 0 20px 0; display: block;  }
.jobRow p{ font-size: 14px; margin: 0 0 5px 0; display: block;  }
.jobRow ul li{ list-style: none; margin: 0 0 5px 0; font-size: 14px;  }
.jobRow ul li span{ color: #847f7f; font-size: 12px;  }
.job-left{ float: left;  }
.job-right{ width: 40%; padding: 20px 30px; float: right; border: 1px solid #ccc; background: #f2f2f2;   }
.job-right h3{ margin: 20px 0 10px 0; font-size: 16px; font-weight: bold; }
.apply-btn{ background: #f38f1d; padding: 10px 40px; border: none; cursor: pointer;
    color: #fff; text-transform: uppercase; font-size: 14px; height: 40px; text-align: center; display: block;
    margin: 10px 0 10px 0; width: 170px; } 

.care-text{ margin: 20px 0 0 0; }
.pre-book{ background: #017a69; padding: 15px 40px; border: none; cursor: pointer; color: #fff; text-transform: uppercase; font-size: 16px; display: inline-block; text-align: center; margin: 10px 0 10px 0; width: 170px; }
.pre-book:hover{ background: #10a4a4; color: #fff; }
.edit-modal{ max-width:60%;   }
.trade-fairs-form {}
.trade-fairs-form ul li{ list-style: none; margin: 0 0 10px 0; }
.trade-fairs-form ul li input[type="text"]{ padding: 0 20px 0 20px; width: 100%; height: 42px; border: 1px solid #dbdbdb;  }
.trade-fairs-form ul li textarea{padding: 10px 20px 0 20px;  width: 100%; height: 100px; border: 1px solid #dbdbdb;  }
.trade-fairs-form input[type="submit"]{ background: #f38f1d; padding: 0 30px; border: none; cursor: pointer; color: #fff; text-transform: uppercase; font-size: 14px; height: 40px; text-align: center;  }
.edit-modal .modal-body{ padding: 20px 40px; }
.services .inner-body{ margin: 0 0 0 0; }
.title02{  font-family: 'Roboto Condensed'; font-size: 18px; margin: 10px 0 10px 0; }
.scholarship .care-text{ margin: 0 0 0 0; }
.scholarship img{ width: 100%; }
.scholarship{ border: none!important; }
.service-list{ margin: 10px 0 10px 20px; }
.service-list li{ font-size: 14px; margin: 0 0 10px 0;  }

.news-events{  }
.news-row{ display: flex; border-bottom: 1px solid #ccc; padding: 0 0 40px 0; margin: 0 0 30px 0;  } 
.news-events .container{ padding: 40px 0; }
.news-row .events-img{ margin: 0 40px 0 0; position: relative; }
.news-row .events-img .date{ padding: 10px; z-index: 9; position: absolute; top: 10px;
    line-height: 22px; right: 10px; text-align: center; background: rgba(16, 164, 164, 0.5); color: #fff;
    font-size: 17px; font-weight: 300; text-transform: uppercase;}
.news-row .events-text h2{font-family: 'Roboto Condensed'; font-size: 24px; margin: 0 0 10px 0;  }
.news-row .events-text p{ font-size: 14px;   }
.news-row .events-text span{ font-size: 14px; display: block;   }
.news-row .events-text strong{ font-size: 14px; display: block; margin: 20px 0 0 0;  }
.news-row .link{ margin: 20px 0 0 0; color: #000; font-size: 13px; border: 1px solid #ccc; padding: 0 0; display: block; width: 100px; height: 42px; text-align: center; line-height: 40px;  }
.news-row .link:hover{ border: 1px solid #10a4a4; color:#10a4a4;  }
.news-row:last-child{ border: none; margin: 0 0 0 0; padding: 0 0 0 0; }

.news-events-details{  }
.news-events-details .container{ padding: 40px 40px; background: #f1f1f1;  }
.news-events-details .news-row{ display: block; }
.news-events-details .events-img{ width: 100%; margin: 0 0 30px 0;  }
.news-events-details .events-img img{ width: 100%;  }
.news-events-details .title{ margin: 0 0 20px 0; }
.news-events-details .title strong{ margin: 0 0 0 0; }
.news-events-details .footer-socila{ margin: 0 0 0 0; padding: 0 0 0 0; }
.share-text{ display: block; margin: 20px 0 10px 0; font-size: 16px; font-weight: bold; }
.news-events-details .footer-socila ul{ margin: 0 0 0 0; }
.news-events-details .footer-socila ul li a{ color: #10a4a4; }
.news-events-details .footer-socila ul li a:hover{ color: #fff; }
.news-events-details .details{ width:100%; display: inline-block; margin: 20px 0 0 0; }
.news-events-details .details h4{ font-size: 20px;  }
.socila ul li{ list-style: none; float: left; margin: 0 10px 0 0; }
.socila ul li a{  color: #10a4a4; border: 1px solid #10a4a4; padding:6px 10px; text-align: center; border-radius: 4px;  }
.title3{  font-family: 'Roboto Condensed'; font-size: 18px; margin: 10px 0 10px 0; }
.ctf-title{  font-family: 'Roboto Condensed'; font-size: 23px; margin:0 0 10px 0; text-transform: capitalize; text-align: center; }
.ctf-title span{ display: block; }
.ctf-title h3{ text-align: center; font-size: 15px; color: #ff5400; text-transform: uppercase; font-family: roboto;    }
.certificate-top{ background: #f4f6f9; padding: 30px 0 30px 0; }
.success-list ul li{ width: 48%;  display:inline-flex; min-height: 200px; margin: 0 0 20px 0; padding: 0 0 25px 0; border-bottom: 1px solid #d5d5d5;  }
.success-list ul li:nth-child(2), .success-list ul li:nth-child(4), .success-list ul li:nth-child(6), .success-list ul li:nth-child(8){ float: right;  }
.success-list ul li:nth-child(5), .success-list ul li:last-child{  }
.success-list ul li .left-panel{ margin: 0 20px 0 0; }
.workshop-list ul li:nth-child(1),.workshop-list ul li:nth-child(2) { padding: 0 0 10px 0; margin: 0 0 30px 0; min-height: 156px; border-bottom: 1px solid #d5d5d5;  }
.workshop-list ul li:nth-child(3),.workshop-list ul li:nth-child(4) { min-height: 70px; border: none; margin: 0 0 20px 0; padding: 0 0 0 0; }
.certificate-top .container{ padding: 0 0 0 0; position: relative; }
.success-list{ margin: 30px 0 0 0; }
.right-panel h3{ font-size: 21px; font-family: 'Roboto Condensed'; margin: 0 0 8px 0; font-weight: 600; }
.right-panel p{ font-size: 14px;  }
.workshop-list .right-panel p{ font-size: 14px; }
.overview-panel{ background: #017f7b; padding: 40px 0 0 0; margin: 0 0 70px 0; }
.overview-panel2{ background: #017f7b; padding: 40px 0 40px 0; margin: 0 0 30px 0; }
.overview-panel .video{ height: 100%; }
.overview-panel .video img{ width: 100%; height: 114%; cursor: pointer;  }
.overview-text{ color: #fff;  }
.overview-text h2{ margin: 0 0 20px 0; }
.overview-text p{ font-size: 14px; max-height: 200px; overflow: auto;  }
.overview-text p::-webkit-scrollbar { width: 8px;}
.overview-text p::-webkit-scrollbar-track { background: #017a69; }
.overview-panel .container{ padding: 0; position: relative;  }
.overview-panel .col-md-7{position: relative;  }
.overview-panel .container:before{ width: 100%; position:absolute; content: ""; bottom:-14%; background: #05b8b8; height: 100px;    }
.button-area{ float: right; position: absolute; bottom: -10px; right: 40px;   }
.button-area a{ color: #fff; background: #00473d; padding: 14px 30px; font-size: 13px;  }

.structure-panel{ display: flex; justify-content: space-between; }
.structure-td{ text-align: center; }
.structure-td h3{ font-size: 16px; font-family: 'Roboto Condensed'; font-weight: 600;  }
.structure-td strong{ font-size: 16px; font-family: 'Roboto'; font-weight: 400; }
.structure-td strong label { font-size: 12px; font-weight: 400; }
.structure-td span, .structure-td label{ margin: 0 0 10px 0; display: block;  }
.core-coures{ background: #f4f6f9; padding: 40px 0 40px 0; margin: 30px 0 0 0; }
.core-coures .accordion{ width: 90%; margin: 10px 0 0 0; }
.core-coures .accordion .card-header{ padding: 10px 20px; font-size: 16px; font-family: 'Roboto Condensed';  background: #017f7b;  }
.core-coures .accordion .card-header:hover, .core-coures .accordion .card-header:focus .core-coures .accordion .card-header:hover .core-coures .accordion .btn-link{ background: #006d6a;  }
.core-coures .accordion .btn-link{ width: 100%; padding: 0 0; text-align: left; color: #fff; white-space: break-spaces;  }
.core-coures .accordion .btn-link .fa{ float: right; margin: 4px 0 0 0; }
.core-coures .accordion .btn-link:hover{ text-decoration: none; } 
.core-coures .accordion .card-header h2{ line-height: 10px; margin-top: 0; }
.btn-link:hover,.btn-link, .btn-link:focus { text-decoration: none; }
.core-coures .card-body{ font-size: 14px;  }
.certificate-img img{ width: 100%; }
.core-coures .accordion .card{ margin: 0 0 5px 0; }
.certificate-img{ height: 100%;  }
.certificate-for{ margin: 30px 0 30px 0; }
.certificate-for .card{ border: none; border-right:1px solid #ccc; border-bottom: none; float: left; background: #f4f6f9; width: 25%; text-align: center;  }
.certificate-for .card:focus, .certificate-for .card:hover, .certificate-for .btn-link:hover { background: #dfe2e7; color: #017f7b;  }
.certificate-for .card:last-child{ border-right:none; }
.certificate-for .card-body{  width: 100%; float: left; }
.core-coures .container{ padding: 0 0; }
.certificate-for .card-header{ padding: 0 0; border: none; }
.certificate-for .card-header .btn-link{ color: #000; padding: 15px 0; font-family: 'Roboto Condensed'; font-size: 16px;   }
.certificate-for .card-header .btn-link label{ display: block; margin: 10px 0 0 0; }
.certificate-for .card-body { padding: 20px 0 20px 0; }
.certificate-for .card-body ul { display: flex; }
.certificate-for .card-body ul li{  font-size: 13px; margin: 0 20px 0 0; display: flex; width: 100%; }
.certificate-for .card-body ul li p{ padding: 0 0 0 10px; }
.certificate-for .card-body ul li .fa{ margin: 3px 0 0 0; color: #05a09b;  }
.certificate-question{ margin: 30px 0 30px 0; display: inline-block; }
.workshop-for ul li{ font-size: 14px; margin-bottom:8px;   }
.lessons ul{ margin: 20px 0 0 0; }
.lessons ul li{ font-size: 14px; margin: 0 0 10px 0; }

.certificate-question .card-header{ padding: 3px 0; border: none; margin: 0 0 3px 0;}
.certificate-question .btn-link{ color: #000; padding: 10px 20px; font-size: 14px;  }
.certificate-question .btn-link .fa{ margin: 0 10px 0 0; }
.certificate-question .card{ border: none;  }
.certificate-question .card .card-body{ font-size: 14px; background: #fdfdfd;   }
.buy-now{ width: 100%; height: 82px; background:url(../images/buy-now.png) no-repeat right #05b8b8;   }
.buy-now a { color: #fff; background: #00473d; padding: 14px 60px; font-size: 13px; margin: 18px 0 0 40px; display: inline-block }

.certificate-bottom{ padding: 30px 0 40px 0; margin: 30px 0 0 0; }
.certificate-bottom .ctf-title{ color: #000;   }
.certificate-bottom .img-box{ width: 100%; margin: 0 0 15px 0; } 
.certificate-bottom .img-box .img{ width: 100%; border-bottom: 1px solid #0a9682;  }
.certificate-bottom .img-box .img img{ width: 100%; }
.certificate-bottom .img-box .text{ background: #00473d; padding: 10px 20px; color: #fff; font-family:'Roboto Condensed';  font-size: 18px; text-transform: uppercase;  }
.certificate-bottom .img-box .text span{ margin: 0 0 0 10px; font-weight: 300; font-family: roboto; font-size: 17px; text-transform: capitalize;  }
.certificate-bottom .price-box{ width: 100%; margin:50px 0 0 0; align-items: center; display: flex; justify-content: space-between;   }
.certificate-bottom .price-box span{  color: #000; }
.certificate-bottom .price-box a{ color: #fff; background: #00473d; padding: 12px 40px; font-size: 13px; display: inline-block    }
.program-title{ display: inline-block; width: 100%; float: left; font-size: 14px; color: #000; min-height: 30px; font-family: 'Roboto Condensed'; }

.inner-banner-big{ position: relative; }
.buy-now-top{ position: absolute; right: 100px; bottom: 0;  }
.buy-now-top a{ color: #fff; background: #00483d; padding: 0 0; height: 40px; line-height: 40px; font-size: 13px; width: 150px; display: inline-block; }
.buy-now-top a .fa{ border:1px solid #fff; border-radius: 50%; width: 20px; height: 20px; line-height: 18px; text-align: center; margin: 0 0 0 20px; }
.sub-navigation{position: fixed; top: 218px; border-top: 7px solid #f38f1d; z-index: 99; left:0; background: #fff; 
  box-shadow: 0 0 4px 1px rgba(0,51,102,.3); }
.sub-navigation ul li a{ position: relative; font-size: 12px; color: #000; display: block; padding: 7px 8px; text-transform: capitalize; }
.sub-navigation ul li a:hover, .sub-navigation ul li a.active{ background: #017f7b; color: #fff; }
.sub-navigation ul li{ width: 102px; }
.sub-navigation ul li a:hover:after,.sub-navigation ul li.price a:after, .sub-navigation ul li a.active:after, .sub-navigation ul li a.active:focus
{ background: #017f7b; position: absolute; top: 50%; right: -5px; content: ''; 
width: 12px; height: 12px; margin-top: -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.sub-navigation ul li .price{ font-size: 12px; padding: 5px 0; background:#00483d; width: 90%; margin: 0 auto; text-align: center; color: #fff;  }
.sub-navigation ul li span{ display: block;  }
.sub-navigation ul li:last-child{ margin: 10px 0 10px 0; }
.right-sticky img{ width: 60px;  }
.cms-certifications .container{   }
.cms-certifications #menu ul li > a ,.cms-classroom-certificate-program-indian-customs-lawas-regulations #menu ul li > a , .cms-classroom-certificate-program-export-import-management #menu ul li > a{ padding: 17px 24px;}
.inner-body .fa-arrow-right { font-size:12px; margin: 0 10px 0 0  }
.inner-pragraph p{ font-size: 14px;   }
.inner-pragraph{ width: 100%; margin: 0 0 10px 0; }
.inner-pragraph b{display: block;  }
.from-panel .contatArea .contatInput .col-inner{ margin:0 22px 0 20px; }
.contatArea .contatInput .select-program{ width: 75%;  font-size: 12px; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ outline: none; }
.sub-navigation ul li.price{ background:#017f7b; color: #fff;  }
.changefontcolor{color: #fff !important;}
.top-contact p{ margin: 7px 0 0 0; }
.checkbox-width{width: 50%; float: left; margin: 10px 0 10px 0; }
.messages{ display: none; }
.mage-error{ color: #ff2a00;  }
.certificate { text-align: center; margin: 30px 0 30px 0; }
.certificate img{ max-width: 100%; }
.earth{ font-family: roboto; }
.brochure-download{ font-size: 16px;  margin: 20px 0 0 0; }
.brochure-download a{ color: #fff; }
.button-area a:hover{ color: #fff; }
.copyright p{ font-size: 12px; margin: 0 0 0 0;  }
.copyright label{ font-size: 11px; margin: 0 0 0 0; font-weight: 400;  }
.cpibc-list ul li { min-height: 185px;  }
.overview-text p::-webkit-scrollbar { min-height: 200px; overflow: auto; width:4px; }
.core-coures .coures-list .card-header{ color: #fff; font-size: 13px; padding: 6px 10px; margin: 0 0 2px 0;  }
.certificate-img02{ margin: 40px 0 0 0; }
.certificate-panel{ display: inline-block; margin: 30px 0 0 0; }
.online-overview{ padding: 30px 0; margin:20px 0; background: #017a69; }
.online-requirement{  }
.online-requirement h2{ display: block; width: 100%; margin: 0 0 10px 0; margin-top: 0; font-family: 'Roboto Condensed';
    font-size: 23px; }
.online-requirement p{ width: 100%; display: block; font-size: 14px; margin: 0 0 20px 0; }
.online-requirement p strong{ display: block;   }
.online-overview h2{ margin-top:0; margin: 0 0 10px 0; color: #fff;   }
.online-overview .card-header{ padding:0 0; border-bottom: none; }
.online-overview .card-header .btn { padding: 10px 20px; width: 100%; text-align: left; border: none; color: #000; font-size: 14px;  }
.online-overview .card-body{ font-size: 14px;  }
.online-overview .accordion .card{ margin: 0 0 4px 0; background: #f0f0f0;  }
.online-overview  .coures-ctn{ padding-left: 0; }
.online-requirement .fa{ font-size: 8px; margin: 0 5px 0 0; position: relative; top: -2px; }
.online-learn{ background: #f6f6f6; padding:25px 0 25px 0; margin: 0 0 40px 0; }
.online-learn{  }
.online-learn h2{ margin: 0 0 10px 0; margin-top: 0; font-size: 22px; color: #000; font-family: 'Roboto Condensed';  }
.online-learn ul.list{ margin: 20px 0 0 0; }
.online-learn ul.list li{ font-size: 14px; margin: 0 0 20px 0;  }
.online-learn ul.list li em{ font-size: 12px; padding: 0 5px 0 0;  }
.structure ul{ width: 100%;   }
.structure ul li{ width: 100%; font-size: 14px; display: flex;  background: #f0f0f0; border-bottom:2px solid #f6f6f6;  padding:0 0; height: 40px; line-height: 40px;   }
.structure ul li .left{ width: 40%; margin: 0 0 0 0; padding: 0 0 0 25px; border-right:2px solid #f6f6f6;  }
.structure ul li .left img{ width: 24px; margin: 0 20px 0 0; }
.structure ul li .right{ width: 55%;  margin: 0 0 0 20px;  }
.structure ul li.odd{ background: #ecebeb; }
.online-top{ background:url(https://dev.eximguild.com/pub/media/online-bg.png) no-repeat left top #003d34; color: #fff; padding: 50px 0 30px 0; }
.online-top h1{ font-size: 42px; margin: 0 0 20px 0; }
.online-top h2{ font-size: 20px; margin: 0 0 20px 0; font-weight: 300;  }
.online-top h3{ font-size: 13px; margin: 0 0 20px 0;  line-height: 20px;  }
.online-top p{ font-size: 14px; margin: 0 0 20px 0;    }
.online-top .amount{ font-family: 'Roboto Condensed'; font-size: 40px; font-weight: bold;  }
.online-top .addtocart{ margin: 0 0 0 0; border: none; background: #f38f1d; border-radius: 4px;  padding: 0 60px; display: inline-block; color: #fff; height: 46px; line-height: 46px; font-size: 16px; text-align: center;   }
.online-top .buynow{ margin: 0 0 0 0; background: #fff; padding: 0 60px; border-radius: 4px; display: inline-block; color: #000; height: 46px; line-height: 46px; font-size: 16px; text-align: center;  }
.online-video img{ max-width: 100%;  }
.cms-online .right-sticky, .cms-online .inner-banner-big, .cms-online-coures .right-sticky,.cms-online-coures .inner-banner-big { display: none!important; }
.lessons h2, .core-coures h2{ margin-top: 0!important; }
.social-link { display: flex;}
.social-link li { margin: 0 20px 0 0!important;}


.login-container{ padding: 50px 50px;  }
.customer-account-login .inner-banner-big, .customer-account-login .right-sticky, .customer-account-forgotpassword .inner-banner-big,  .customer-account-forgotpassword .right-sticky{ display: none;    }
.customer-account-create .inner-banner-big, .checkout-index-index .inner-banner-big, .checkout-index-index .right-sticky, .customer-account-create .right-sticky{ display: none;    }
.login-container{ background: #f7f7f7;  }
.login-container .input-text{  background-color: #e8f0fe!important; width: 350px; padding: 7px 20px;
    border: 1px solid #d5e1f5; }
.login.primary{  background: #017a69; color: #fff; border: none; padding: 10px 50px; margin: 30px 0 0 0; }
.secondary .remind{ color: #017a69;  }
.login-container .secondary{ padding: 10px 0 0 0;  }
.login-container .block-new-customer{ margin: 30px 0 0 0; }
.login-container .block-customer-login, .login-container .block-new-customer{ padding: 0 30px; }
.login-container .label{ padding: 0 0 10px 0; font-size: 15px; font-weight: 400; line-height: 44px; color: #000; }
.login-container .block-customer-login{ position: relative; background: #fff; width: 40%; padding: 40px 60px; margin:0 auto; box-shadow: 0 10px 17px 0px #ccc; }
.login-container .block-new-customer{ padding: 20px 0 0 0; width: 40%; margin: 0 auto; }
.login-container .block-new-customer p{ font-size: 13px; margin: 10px 0 10px 0; }
.login-container .actions-toolbar a{ color: #017a69;  }
.login-container .mage-error{ font-size: 12px; }

.rating { text-align: center; margin: 20px 0 0 0; }
.rating label{ background: #fff; padding: 2px 11px; border-radius: 12px; font-size: 13px; color: #000;  }
.rating img{ width: 20px;  }
.online-category{ padding: 40px 0 40px 0; }
.online-category .ctf-title{ margin: 0 0 20px 0;  }
.online-category .card-header{ background:#017a69; border-bottom: none; color: #fff; padding: 8px 20px;  }
.online-category .card-header .btn{ color: #fff; padding: 8px 20px 8px 20px; font-size: 15px; }
.online-category .accordion .card:first-of-type .btn{ padding: 8px 20px 0 20px; }
.online-category .card-body ul li{ list-style: none; margin: 0 0 25px 0;  padding: 0 0 25px 0; font-size: 14px;
    border-bottom: 1px solid #dad9d9; cursor: pointer; }
.online-category .card-body ul li:first-child{ cursor: auto; }
.online-category .card-body ul li .icon{ padding: 0 10px 0 0;position: relative; top: -3px; }
.online-category .card-body{ background: #f6f6f6; padding: 30px 40px; display: grid; }
.online-category .card-body ul li:last-child{ margin: 0 0 0 0; border-bottom: none; padding-bottom: 5px;  }
.video-box, .pdf-box{ width: 100%; display: none; }
.video-box.show, .pdf-box.show-pdf{ display: inline-block; margin: 25px 0 0 0;  }
.online-category .card{ border: none; margin: 0 0 10px 0; }
.ViewSDK_viewportRelativeHeight{ width: 100%!important; height: 750px; }
.online-globe{ height: 350px; }
.online-globe iframe{ margin: -50px 0 0 0; }
.online-category .question p{ margin: 10px 0 10px 0;  }
.online-category .question p label{ font-weight: 400;  }
.online-category .question input{ margin: 0 10px 0 0; }
.btn-link:focus{ outline: none!important; border: none; }
.btn-link:hover{ text-decoration: none!important; }
.customer-account-forgotpassword .main{ background: #f7f7f7; padding: 50px 0 50px 0; }
.customer-account-forgotpassword .forget-password{ background: #fff; color: #017a69; border: none; padding:30px 40px 40px; width:40%; margin: 0 auto; box-shadow: 0 10px 17px 0px #ccc;   }
.customer-account-forgotpassword .field {   margin: 0 0 15px 0; }
.customer-account-forgotpassword .label, .customer-account-forgotpassword .label, .customer-account-forgotpassword .field.captcha {  color: #000; padding-left:0; font-size: 12px;  }
.customer-account-forgotpassword .captcha-image{ margin: 20px 0 0 0; }
.customer-account-forgotpassword .primary .submit{ white-space: nowrap; background: #017a69; color: #fff; border: none; padding: 10px 50px;
    margin: 30px 0 0 0;  }
.customer-account-forgotpassword { margin: 10px 0 0 0; }
.secondary a{color: #017a69; }
.customer-account-forgotpassword .input-text{  background-color: #e8f0fe!important; width: 100%; padding: 7px 20px;
    border: 1px solid #d5e1f5; color: #000; }
.customer-account-forgotpassword .main{ margin: 0 auto;  }
.customer-account-forgotpassword .reload.captcha-reload{ background: #9aa2a9; color: #fff; border: none;
    white-space: nowrap; padding: 10px 40px; float: right; } 
.customer-account-forgotpassword img.captcha-img{ width: 40%; border: 1px solid #d8d4d4; }
.customer-account-forgotpassword .field.note { margin: 0 0 20px 0; }
.customer-account-forgotpassword .secondary{ margin: 10px 0 0 0; }

.create-account{  background: #f7f7f7; padding: 50px 0 50px 0; }
.create-account-inner{ width: 40%; background: #fff; padding:30px 40px 40px; width:40%; margin: 0 auto; box-shadow: 0 10px 17px 0px #ccc;   }
.create-account-inner .label{ color: #000; padding-left: 0; font-size: 13px;  }
.create-account-inner .input-text{  background-color: #e8f0fe!important; width: 100%; padding: 7px 20px;
    border: 1px solid #d5e1f5; color: #000; }
.create-account-inner .field{ margin: 0 0 15px 0;  }
.fieldset.create{ margin: 0 0 20px 0; }
.create-account-inner .secondary{ margin: 10px 0 0 0; }
.create-account-inner .checkbox{ float: left; margin: 3px 10px 0 0px; }
.create-account-inner .submit{ white-space: nowrap; background: #017a69; color: #fff; border: none; padding: 10px 50px;
    margin: 30px 0 0 0;  }
.checkout-index-index .main{ font-size: 14px; background: #f7f7f7; padding: 50px 0 50px 0; margin: 0 auto; display: flow-root; }
.checkout-index-index .opc-wrapper {  width: 60%; float: left; }
.checkout-index-index .modal-content { width: 36%; padding: 30px 30px; }
.checkout-index-index .modal-content .minicart-items{ padding: 20px 0 0 0; }
.checkout-index-index .modal-header{ padding: 0 0 10px 0; }
.checkout-index-index .input-text ,.checkout-index-index .select { background-color: #e8f0fe!important; width: 50%; padding: 7px 20px;
    border: 1px solid #d5e1f5; color: #000; font-size: 14px; }
.checkout-index-index .opc-progress-bar{ padding: 40px 0 10px 40px; background: #eaeaea; margin: 0 40px 0 40px;}
.checkout-index-index .opc-estimated-wrapper { padding:0 0 20px 40px; background: #eaeaea;
     border-bottom: 1px solid #ccc; margin:0 40px 30px 40px; }
.checkout-index-index .minicart-wrapper{ margin: 30px 0 0 0; }
.checkout-index-index .label{ font-size: 14px; margin: 10px 0 5px 0; }
.checkout-index-index .estimated-block{ font-weight: 600;  }
.checkout-index-index legend{  }
.checkout-index-index .note{ display: block;  }
.checkout-index-index .button{ white-space: nowrap; background: #017a69; color: #fff; border: none; padding: 10px 50px;
    margin: 30px 0 0 0;  }
.checkout-cart-index .main {  margin: 0 auto; background: #f7f7f7; padding: 50px 0 50px 0; }
.checkout-cart-index{  }
.checkout-cart-index .right-sticky, .checkout-cart-index .inner-banner-big { display: none; }
.checkout-cart-index .field-tooltip{ margin: 30px 0 0 0; }
.checkout-cart-index .checkout-shipping-method{ margin: 20px 0 0 0; }
.online-category .card-body ul li input[type="submit"]{ background: #026865; color: #fff; padding: 10px 30px; border:none; margin: 20px 0 0 0; }
.common_next_btn{  background: #026865; color: #fff; padding: 10px 30px; border:none; margin: 20px 0 0 0; }
.powered-by{ z-index: 9999; position: relative; font-size: 11px;  font-weight: 300;
    text-align: right; margin: 8px 0 0 44px; }
.powered-by a{ color: #fff;  }
.powered-by a:hover{ color: #00ffdb;  }
/*--v  start @media screen v --*/


@media (min-width: 992px){
.container, .customer-account-forgotpassword .main, .checkout-index-index .main { max-width: 900px; width: auto!important; }
.checkout-cart-index .main { max-width: 1200px; width: auto!important; }
}



@media (min-width: 1300px){
.container, .customer-account-forgotpassword .main, .checkout-index-index .main { max-width: 1200px; width: auto!important; }
.checkout-cart-index .main { max-width: 1200px; width: auto!important; }
.mission-img section { margin: 20px 0 20px 0; }
.mission-box{ margin: 15px 0 10px 0; }
.footer-top .quik-link { margin: 0 110px 0 0; }
.testimonial-panel .tml-text h3{ font-size: 38px; }
.banner-text h2{ font-size: 40px; }
.banner-text p { font-size: 13px; margin: 10px 0 0 0; }
.banner-text { width: 80%; padding: 60px 0 0 50px; }
.banner-link { margin: 40px 0 0 0; }
.buy-now-top{ right: 70px;  }

}
@media (min-width: 1900px){
.container, .customer-account-forgotpassword .main, .checkout-index-index .main { max-width: 1400px; width: auto!important; }
.checkout-cart-index .main { max-width: 1400px; width: auto!important; }
.mission-box{margin: 0px 0 0 27px; padding: 20px 30px; min-height: 188px;  }
.vision-box{  padding: 20px 30px; margin: 0 0 0 0;    }
.mission-img section h2{ font-size: 18px; margin: 0 0 6px 0; }
.banner-bottom-slider .slide-box { padding: 20px 55px 29px 55px;}
.footer-top .quik-link { margin: 0 160px 0 0; }
.mission-img section { margin: 20px 0 20px 0; }
.business-bg2:after{ width: 850px; background-size: cover; }
.banner-text h2{ font-size: 43px!important; margin: 10px 0 12px 0; line-height: 52px; }
.banner-text{ width: 67%!important; padding: 120px 0 0 60px!important; }
.banner-bottom { margin: -50px 0 0 0;}
.banner-text p { font-size: 15px!important;}
.banner-3 .banner-text{  padding: 120px 0 0 60px!important; }
.banner-inner{ width: 50%;  }
.online-admission-top .from-panel { width: 67%; }
.online-admission-top .image-panel { width: 32%; }
.core-coures .accordion .card { margin: 0 0 15px 0; }
.program-title{ font-size: 17px; }
.buy-now-top{ right: 109px; }
.contatArea .contatInput .col-inner select{ margin: 0 20px 0 0; width: 50%;   }

}
@media (max-width: 1500px){
.cms-certifications .container,.cms-classroom-certificate-program-indian-customs-lawas-regulations .container, 
.cms-classroom-certificate-program-export-import-management .container { max-width: 1100px; width: auto!important; }
.cms-certifications #menu .layar3 a,.cms-classroom-certificate-program-indian-customs-lawas-regulations #menu .layar3 a,.cms-customs-procedures-shipments #menu .layar3 a,.cms-customs-procedures-shipments #menu .layar3 a, .cms-classroom-certificate-program-export-import-management #menu .layar3 a { font-size: 12px; }
.cms-certifications .overview-text p,.cms-classroom-certificate-program-indian-customs-lawas-regulations .overview-text p, .cms-classroom-certificate-program-export-import-management .overview-text p{ max-height: 120px; overflow: auto;  }
.cms-certifications .overview-text p::-webkit-scrollbar { min-height: 200px; overflow: auto; width:4px; }
.cms-certifications .overview-text p::-webkit-scrollbar-track { background: none; }
.cms-certifications .overview-text p::-webkit-scrollbar-thumb { background: #017a69; border-radius: 6px; }
.cms-certifications .overview-text p::-webkit-scrollbar-thumb:hover { background: #069c87; }
}
@media (max-width: 1400px) {
.right-sticky ul li a{ padding: 10px 2px; }
.right-sticky ul li img{ width: 70px;  }
.inner-banner-big{ height: 220px;  }
.inner-banner-big .inner-title{ padding: 40px 0 0 0; }
.online-admission-top .from-panel h2{ font-size: 16px;  }
.online-admission-top .from-panel { width: 64%; }
.online-admission-top .image-panel { width: 34%; }
.online-admission-top .from-panel h2 { font-size: 12px; }
.online-admission-top .from-panel ul li span{ font-size: 12px; width: 110px;  }
.online-admission-top .from-panel ul li label{ font-size: 12px;  }
.online-admission-top .from-panel ul li{ margin: 0 10px 20px 0; }
.online-admission-top .from-panel ul li input[type="text"]{ width: 50%;  }
.online-admission-top .from-panel ul li select{ width: 50%;  }
.online-admission-top .from-panel ul li{ min-height: 32px;  }
.online-admission{ padding: 30px;  }
.overview-text p{ font-size: 13px;  }
.contatArea .contatInput select {  width: 40%; }
}

@media (max-width: 1200px) {
.quick-contat .contat-row section strong{ font-size: 27px;  }
.banner-inner{ width: 44%;  }
.sub-navigation ul li{ width: 90px; font-size: 12px; }
.sub-navigation ul li a{ font-size: 11px; }
.cms-certifications .container,.cms-classroom-certificate-program-indian-customs-lawas-regulations .container, .cms-classroom-certificate-program-export-import-management .container { max-width: 900px;}
.directors-box.director1, .directors-box.director2 { min-height: 1680px; }

}

@media (max-width: 1024px) {
body{ overflow-x: hidden; }
.top-bar .link{ right: 0; background: url(../images/enquery-bg.png) no-repeat top; width: 100px; font-size: 13px; 
padding: 3px 0 0 ; margin: -3px 0 0 0; }
.top-bar { padding: 0 0 0 0; }
.logo img{ width: 75px; margin: 0 0 0 -5px; }
.header .container { padding: 0 0 0; }
.header .logo span{ font-size: 12px;  }
.header .right-contact{ font-size: 12px; margin: 0 0 0 0; }
.sina-nav .navbar-toggle  { top:-126px; }
.about-text span img{ width: 90%;  }
.about-text p { padding: 30px 0 0 0; font-size: 12px; }
.footer-top .quik-link { margin: 0 30px 0 0; width: 40%;  }
.footer-top .quik-link:last-child { margin-right: 0; width: 30%; }
.footer-top .quik-link ul li a { font-size: 12px; margin: 0 0 10px 0; padding: 0 0 0 12px }
.footer-top .gallery-footer ul li img{ width: 45px;  } 
.footer-top .quik-link h2, .about-text h2{ font-size: 18px;  }
.copyright{ padding: 20px 0; font-size: 12px; }
.footer-socila { padding: 10px 0 0 40px; }
.footer-socila li img{   }
.about-text { padding: 40px 0px 0 20px;} 
.quik-link.gallery-footer ul li a { margin: 0 0 5px 0; padding: 0 0 0 5px!important; }
.banner-bottom-slider .slide-box p { font-size: 12px; }
.banner-bottom-slider .slide-box h2{ font-size: 14px;   }
.banner-bottom-slider .slide-box i.fa{ margin: 10px 0 0 0; }
.banner-bottom-slider .slide-box { padding: 20px 20px;}
.choose-exim-guild .choose-list{ font-size: 12px;  }
.business-bg2:after { width: 460px; height: 100%; }
.void-panel p{ width: 80%; font-size: 12px;  }
.void-panel h2{ font-size: 32px; }
.void-panel .video-box .video-title {  margin: 20px 20px 20px 20px; font-size: 12px; }
.carousel-control-prev { left: -1px; }
.memberships-logo .carousel-inner .carousel-item { margin: 0 0 0 27px; }
.placement-logo .carousel-inner .carousel-item { margin: 0 0 0 30px; }
.testimonial-panel .tml-text h3 { font-size: 28px; line-height: 45px; }
.testimonial-panel .carousel-item p{ margin:30px 30px 30px 30px; line-height: 20px; }
.testimonial-panel .carousel-item{ min-height: 350px;  }
.testimonial-panel .col-md-7{ min-height: auto;   }
.testimonial-panel .col-md-5{ min-height: 310px; }
.quick-contat .contat-row section strong{ font-size: 25px; margin: 0 0 20px 0;  }
.quick-contat .contat-row{ margin: 0 0 10px 0; }
.quick-contat{ padding: 20px 0 40px 0; }
.quick-contat h2 { font-size: 30px;}
.contatArea { padding: 0 0; }
.contatArea .contatInput select{ width: 40%;  }
.contatArea .contatInput select.select-program{ width:75%; }
.banner-text h2 {font-size: 19px; line-height: 13px; margin: 10px 0 10px 0; }
.banner-text { width: 84%; padding: 50px 0 0 60px; }
.banner-text span { font-size: 9px;}
.banner-text p {font-size: 8px;}
.banner-text .linkPrograms { padding: 8px 24px; font-size: 12px;}
.banner-text .linkCall { padding: 11px 24px; font-size: 12px; margin: 0 0 0 0;}
.banner-link { margin: 20px 0 0 0; }
.banner-bottom { margin: -50px 0 0 0;}
.admision-link img{ width: 35px;  }
.home-faq h3{ font-size: 38px; }
.mission-box img, .vision-box img{ width: 70px;  }
.mission-panel p{ font-size: 13px; line-height: 20px;   }
.about-text ul li{ font-size: 11px;  }
.banner-inner{ right:0%;  }
.owl-carousel .owl-stage-outer { height: 300px!important; }
.right-sticky{ top: 160px; }
.directors-box .title h2{ font-size: 17px;  }
.directors-box .title label{ font-size: 12px; margin: 0 0 0 10px; }
.inner-body{ padding: 30px 20px; }
.quick-contat .col-md-7 { padding-right: 15px; padding-left: 0; }
.director-img { margin: 50px 30px 0 0; width: 48%; }
.director-img img{ max-width: 100%;  }
.director-desk .text{ width: 50%;  }
.director-desk p { font-size: 13px; line-height: 21px; display: block; margin-bottom: 20px; }
.inner-banner-big { height: 200px; } 
.contact-banner{ height: 150px;  }
.inner-banner-big .inner-title{ padding: 33px 0 0 0; }
.inner-banner-big .inner-title h2 { font-size: 50px; }
.contact-us-top .top-box p{  font-size: 14px;   }
.contact-us-top .top-box{ min-height: 280px;  }
.upload input{ width: 50%;  }
.edit-modal { max-width: initial; }
.services .inner-body section img{ width: 50%; }
.inner-banner-big.news-banner h2{ margin: 30px 0 0 0; }
.buy-now-top{ right: 61px;  }
.ctf-title{ font-size: 18px;  }
.right-panel h3 { font-size: 16px; }
.right-panel p { font-size: 12px; }
.ctf-title h3{ font-size: 12px;  }
.overview-text h2 { margin: 0 0 10px 0; font-size: 23px; }
.overview-text p { font-size: 11px; }
.overview-panel .container:before{ height: 70px;  }
.structure-td h3 { font-size: 13px;}
.structure-td strong { font-size: 12px;}
.core-coures .card-body { font-size: 12px; }
.core-coures .accordion .btn-link{ font-size: 12px; white-space: normal;  }
.certificate-for .card-header .btn-link{ font-size: 11px;  }
.certificate-for .card-header .btn-link img{ width: 50px;  }
.certificate-for .card-body ul li { font-size: 12px;}
.certificate-question .btn-link{ font-size: 13px;   }
.certificate-question .card .card-body { font-size: 12px;}
.certificate-bottom .img-box .text{ font-size: 17px;   }
.certificate-bottom .img-box .text span{ font-size: 12px;   }
.program-title{ font-size: 12px;  }
.certificate-bottom .price-box span{ font-size: 12px;  } 
.certificate-bottom .price-box a{ padding: 5px;  }
.cms-certifications .containe,.cms-classroom-certificate-program-indian-customs-lawas-regulations .containe, .cms-classroom-certificate-program-export-import-management .containe{ max-width: 830px;}   
.cms-certifications #menu .layar3 a,.cms-classroom-certificate-program-indian-customs-lawas-regulations #menu .layar3 a, .cms-classroom-certificate-program-export-import-management #menu .layar3 a { font-size: 9px; }
.cms-certifications .container,.cms-classroom-certificate-program-indian-customs-lawas-regulations .container, .cms-classroom-certificate-program-export-import-management .container { max-width: 830px;}
.mission-box{ width: 100%;  }
.vision-box{ width: 100%; margin: 20px 0 0 0; float: left; }
.cms-new-export-market-development-communications .container{ max-width: 830px; width: auto; }
.founding-directors .directors-box{ min-height: 1200px; max-height: 1200px; overflow: auto;  }
.business-right { width: 80%; max-height: 450px; overflow: auto; }
.certificate-for .card-body ul li p { padding: 0 0 0 10px; max-height: 80px; overflow: auto; }
.success-list ul li{ max-height: 200px; overflow: auto; }
.core-coures .accordion { max-height: 150px; overflow: auto; }
.jobRow .job-left ul li{ max-width: 90%;  }
.structure-td span, .structure-td label { font-size: 7px; }
.login-container .block-customer-login{ width: 60%;  }
.login-container .block-new-customer{ width: 60%; }
.create-account-inner{ width: 60%;  }
.footer-socila ul{ margin: 0 0 0 18px; }
.powered-by{ font-size: 9px; margin: 10px 0 0 0; }
/*-- end of width 1024px --*/

}
@media (max-width: 900px){

.banner-text { width: 90%; padding: 20px 0 0 30px; }
.faq-panel .btn-link{ font-size: 14px;  }
.testimonial-panel .tml-text h3 { font-size: 24px; line-height: 34px; }
.banner-inner { width: 64%; }

}


@media (max-width: 768px) {
.footer-top .col-md-8 { padding:30px 0 0 0; }
.footer-top .quik-link h2, .about-text h2{ font-size: 16px; padding: 0 0 10px 0;  }
.footer-top .quik-link ul li a{ font-size: 12px; padding:0 0px 0 15px; }
.about-text p{ font-size: 11px; padding:20px 0px 0 0; }
.about-text span img{ width: 60%; position: relative; left: -2px; }
.footer-top .quik-link h2{ margin-bottom: 0  }
.footer-top .quik-link ul{ margin-bottom: 25px;  }
.footer-top .gallery-footer ul li{ width: 30%; }
.footer-top .gallery-footer ul li img { width: 90%; }
.quik-link.gallery-footer ul li a{ padding: 0 0 10px 0!important; }
.about-bg:after { left: 0; }
.footer-socila:after{left: 0;   }
.faq-panel .col-md-7 { max-width: 100%; width: 100%; flex: auto; }
.home-faq{ width: 100%;  }
.faq-img{ display: block; margin: 0 -15px;  }
.faq-img img{ width: 100%; max-height: 420px;  }
.memberships-logo h2 { margin: 20px 0 0 60px; }
.placement-logo h2 { margin: 60px 0 0 105px; }
.memberships-logo .carousel-inner .carousel-item { margin: 0 0 0 27px; }
.placement-logo .carousel-inner .carousel-item { margin: 0 0 0 30px; }
.placement-logo .carousel-inner .carousel-item img{ width: 24%;  }
.memberships-logo .carousel-inner .carousel-item img{ width: 24%;  }
.testimonial-panel .tml-text h3 { font-size: 23px; line-height: 40px; }
.testimonial-panel .carousel-item p{ font-size: 12px; margin: 20px 5px 10px 5px;  }
.pillars-box h3{ font-size: 13px;  }
.pillars-box p { font-size: 10px; }
.pillars-box{ padding: 20px 10px;   }
.contat-details { max-width: 100%; flex: auto; text-align: center; }
.quick-contat .contat-row{ justify-content: center; }
.quick-contat .col-md-7{ max-width: 100%; flex: auto; text-align: center; padding-right: 15px;
    padding-left: 0; }
.banner-text { width: 95%; padding: 50px 0 0 20px; }
.contatArea .contatInput.select-option{ width: 95%;  }
.banner-inner{ right: 0%;  }
.directors-box .title h2 { font-size: 13px; }
.directors-box .title label { font-size: 11px;}
.director-desk {  display: inline-block; }
.director-desk .text { width: 100%; margin: 20px 0 0 0; }
.director-img { width: 100%; text-align: center; }
.director-img img{ width: 80%; }
.online-admission-top .from-panel { width: 100%; }
.online-admission-top .image-panel{ width: 100%; text-align: center; display: none; }
.online-admission-top .image-panel img{ width: 60%; height: 300px;   }
.online-admission-top .from-panel ul li {  min-height: 32px; width: 100%; }
.online-admission-top .from-panel ul li input[type="text"], .online-admission-top .from-panel ul li select{ width: 80%;  }
.footer-socila ul{ margin: 0 0 0 15px; }
.banner-inner { width: 50%; }
.contact-us-top .top-box p{ font-size: 12px;  }
.contact-us-top .top-box{ min-height: 280px;  }
.contact-us-top .bottom-box h4 { font-size: 16px;}
.contact-us-top .bottom-box h5 { font-size: 12px;}
.upload input{ width: 90px;  }
.overview-text p { font-size: 11px; max-height: 93px; overflow: auto; }
.cms-certifications .container,.cms-classroom-certificate-program-indian-customs-lawas-regulations .container, .cms-classroom-certificate-program-export-import-management .container { max-width: 570px;}
.checkbox-width{width: 100%; float: left; margin-bottom: 10px; }
.business-bg2:after { background: none; }
.business-mission iframe{   height: 360px; }
.banner-bottom{ margin: -95px 0 0 0; }
.earth{ width: 100%!important; max-width: 100%; flex: none; text-align: center; }
.business-mission .col-md-8{ width: 100%!important; max-width: 100%; flex: none;  }
.business-right{ width: 100%;  }
.certificate-img02{ margin: 0 0 10px 0; }
.button-area a{ padding: 14px 20px; font-size: 11px; }
.overview-panel .container:before { height: 52px; }
.cms-certifications .overview-text p, .cms-classroom-certificate-program-indian-customs-lawas-regulations .overview-text p, .cms-classroom-certificate-program-export-import-management .overview-text p{ max-height: 70px; }
.button-area{ bottom: -5px; }
.certificate-bottom .img-box .text { font-size: 10px; }
.login-container .block-customer-login{ width: 90%;  }
.login-container .block-new-customer{ width: 90%; }
.create-account-inner{ width: 90%;  }
.login-container .block-customer-login{ padding: 30px 30px; }
.date-time{ display: none; }
.powered-by{ margin: 10px 0 0 17px; }
/*-- end of width 768px --*/
}




@media (max-width: 767px) {
.fixed-header, .page-header {  }
.admision-link{ top: 154px;  }
.nav-container.sticky {  }
.nav-container{ }
.footer-top .col-md-8 { display: inline; padding:20px 0 20px 25px; }
.about-bg:after{ left: -150px; }
.footer-socila:after{ }
.footer-socila { padding:10px 0 10px 0px;   }
.copyright{text-align: center;  }
.footer-socila ul li{ width: 100%; text-align: center; }
.footer-bottom { background: #017f7b; padding: 0 25px; margin: 0;  }
.about-text { padding:20px 0 10px 10px; text-align: center; }
.footer-socila ul{   }
.footer-top .quik-link { margin: 0 30px 0 0; width: 41%; float: left; }
.footer-top .quik-link:last-child { margin-right: 0; width: 100%; }
.textR{ margin: 0 0 0 12px!important; }
.textrightsk{ margin: auto; }
.header .container .logo { margin-left:0px; }
.top-bar .link {width: 75px; font-size: 11px; } 
.top-login{ right: 68px; }
html.open-menu .top-bar .link { opacity: 0;  }
.footer-socila ul li a { width: 25px; height: 25px; line-height: 23px; color: #fff; margin: 0 5px 0 0;
    font-size: 13px; }
.banner-bottom-slider{ display:block;  }
.banner-bottom-slider .slide-box{ border-bottom: 1px solid #04a579; border-right: none; padding: 10px 14px; }
.slide-box > img{ width: 40px;  }
.banner-bottom-slider .slide-box h2 { font-size: 16px; padding: 0px 0 0 0; }
.banner-bottom-slider .slide-box p { font-size: 12px; margin: 0px 0 5px 0; }
.banner-bottom-slider .slide-box:nth-child(2), .banner-bottom-slider .slide-box:nth-child(4), .banner-bottom-slider .slide-box:nth-child(6) {
    margin: 0;}
.banner-bottom{ margin: -50px 0 0 0; z-index: 9;  }
.choose-exim-guild { text-align: center; }
.choose-exim-guild h2{ text-align: center; font-size: 21px; margin: 0 0 15px 0;  }
.choose-exim-guild .choose-list{ display: block; font-size: 12px;  }
.choose-list span { margin: 0 0 10px 0px; display: block; }
.choose-list span img{ width: 50px;  }
.item-image img{ height: 210px!important; }
.left-img{ width: 100%; padding: 20px 20px; }
.mission-img img { width: 100%; min-height: inherit;  }
.mission-img section { margin: 20px 0 0 0; }
.mission-img section h2{ font-size: 14px;  }
.business-right { width: 100%; margin: 20px 0 0 0; text-align: center; }
.business-mission .col-md-8{ padding: 0 0; }
.mission-box, .vision-box{ width: 100%; display: block; text-align: center; padding: 30px 20px; margin: 30px 0 0 0; }
.mission-box:after, .vision-box:after{ display: none; }
.mission-box section, .vision-box section { margin: 0 0 0 0; }
.home-faq{ width: 100%; padding: 30px 10px; }
.home-faq h2{ text-align: center; }
.home-faq h3 span { display: inline; }
.home-faq h3{ text-align: center; font-size: 28px;  }
.faq-panel .btn-link{ padding: 0 0; padding: 14px 13px; font-size: 12px; }
.faq-panel .card-body{ font-size: 12px; padding: 15px 15px; }
.faq-img{ display: block; margin: 0 0; }
.faq-img img{ width: 100%; max-height: 220px;  }
.void-panel h2{ font-size: 28px;  }
.void-panel p { width: 90%; line-height: 18px; font-size: 12px; }
.void-panel .video-flex { display: inline; width: 100%; padding: 0 15px;}
.void-panel .video-box{ width: 47%; float: left; margin: 0 0 5% 0;  }
.void-panel .video-box:nth-child(1), .void-panel .video-box:nth-child(3){  margin: 0 5% 6% 0;   }
.void-panel .video-box:nth-child(2), .void-panel .video-box:nth-child(4){ float: right; }
.void-panel .video img { width: 100%; } 
.void-panel .video-box .video-title { margin: 10px; font-size: 14px; line-height: 20px; padding: 0 0 5px 0; }
.void-panel { padding: 30px 10px; }
.sub-logo{ background: #e9e7e8; padding: 40px 0 0 0; }
.memberships-logo { padding: 30px 15px; background: #f4f2f3; margin: 0 25px;  }
.memberships-logo h2{ margin: 0 0 ; width: 100%; text-align: center;  }
.memberships-logo .carousel { width: 100%; }
.memberships-logo .carousel-inner .carousel-item img{ margin: 0 8px; width: 22%; }

.placement-logo { padding: 30px 15px; background: #edebec; margin: 0 25px; border-top:1px solid  #e6e6e6;   }
.placement-logo h2{ margin: 0 0 ; width: 100%; text-align: center;  }
.placement-logo .carousel { width: 100%; margin: 20px 0 0 0; }
.placement-logo .carousel-inner .carousel-item img{ margin: 0 8px; width: 22%; }
.testimonial-panel .tml-text h3 { font-size: 23px; line-height: 40px; }
.testimonial-panel .tml-text{ padding: 0 15px; }
.testimonial-panel .tml-text h2{ text-align: center; margin: 0 0 0 0; }
.testimonial-panel .col-md-5{ padding: 0 0; }
.testimonial-panel .tml-text h3{ text-align: center;  }
.testimonial-panel .tml-text p{ text-align: center; margin: 0 0 120px 0;  }
.testimonial-panel .col-md-7:after{ top: -50px; left: -100px;  }
.testimonial-panel .col-md-5:after{ right: -100px; }
.testimonial-panel .tml-slide{ margin: -90px 0 0 0; min-height: 430px; }
.testimonial-panel .carousel-item { min-height: 380px; }
.pillars-list{ display: block; }
.pillars-box{ width: 100%; min-height: auto; }
.testimonial-panel{ padding: 40px 10px 0 10px; }
.pillars-success h2{ font-size: 24px; margin: 0 0 20px 0; }
.pillars-box h3 { font-size: 16px; }
.pillars-box p { font-size: 13px; }
.pillars-success { padding: 30px 25px; }
.contat-details { max-width: 100%; flex: auto; text-align: center; }
.quick-contat .contat-row{ justify-content: center; }
.quick-contat .contat-row section strong { font-size: 13px; line-height: 20px; }
.quick-contat .contat-row section label{ font-size: 15px; line-height: 0;  min-width: 165px; }
.contat-row span img { margin: 0 15px 0 0; width: 45px; }
.quick-contat h2 { font-size: 22px; margin: 0 0 15px 0; }
.quick-contat h3 { font-size: 13px; margin: 0 0 40px 0; }
.contat-form { padding: 20px 20px 20px 20px;} 
.contatArea .contatInput span, .contatArea .contatInput label { width: 100px; font-size: 12px;}
.contatArea .contatInput.select-option{ display: block;width: 100%;  }
.contatArea .contatInput select{ width: 75%; height: 30px;  }
.contatArea .contatInput .col-inner{ margin: 0 0 0 0; justify-content: flex-start; }
.contatArea .contatInput .col-inner span, .contatArea .contatInput .col-inner label{ width: 100px;  }
.contatArea .contatInput .col, .from-panel .contatArea .contatInput .col-inner{ margin: 0 0 10px 0; }
.contatArea .contatInput .codeType{ font-size: 13px; }
.contatArea .contatInput input[type="text"], .contatArea .contatInput input[type="phone"], .contatArea .contatInput input[type="email"]{ height: 30px;  }

.banner-text span { font-size: 7px; }
.banner-text h2 { font-size: 11px; line-height: 14px; margin: 10px 0 10px 0; }
.banner-text p {  }
.banner-text .linkPrograms { padding: 4px 8px; font-size: 8px; }
.banner-text .linkCall{ padding: 6px 9px; font-size: 8px; margin: 0 0 0 0; } 
.banner-text { width:95%; padding: 25px 0 0 15px; font-size: 10px; }
.admision-link img{ width: 26px;  }
.banner-bottom .container { padding: 0 10px; }
.header .container { padding: 0 10px; }
.choose-exim-guild .container { padding: 30px 10px; }
.business-mission { margin: 0 0 40px 0; padding: 0 26px; }
.quick-contat{ padding: 20px 10px;  }
.about-text ul{ margin: 10px 0 0 0; }
.about-text ul li{ list-style: none; margin: 10px 0; font-size: 13px; font-weight: 300; }
.inner-banner .container, .inner-page .container { padding: 0 10px; }
.inner-body{ padding: 20px;  }
.inner-banner h2 { font-size: 29px; padding: 20px 0 0 0;}
.inner-body p { font-size: 13px; line-height: 21px;}
.inner-body h3 { font-size: 15px; margin: 0 0 10px 0; }
.inner-body section img { margin: 0 0 20px 0; width: 100%; }
.inner-pragraph b{ margin: 0 0 15px 0; }
.fixed-header.change .logo img {  transition: 0.5s; }
.fixed-header.change .header .logo span {  }
.owl-carousel .owl-stage-outer { height: 210px!important; }
.banner-inner { right: 0; }
.business-mission .container { padding: 0 25px; }
.mission-img { margin: 0 0 0 0; }
.business-bg2:after{ display: none; }
.footer-top .quik-link:nth-child(2) { margin: 0 0 0 0; }
.right-sticky{ display: none; }
.directors-box { width: 100%;} 
.directors-box p{ font-size: 12px; line-height: 19px;  }
.directors-box .title{  }
.directors-box .title h2 { font-size: 12px; } 
.directors-box .title label { font-size: 9px; }
.inner-banner{ min-height: 120px;  }
.director-img { margin: 0 30px 0 0;}
.director-img img { width: 100%; }
.inner-banner-big { height: 140px; } 
.inner-banner-big .inner-title{ padding: 20px 0 0 0; }
.inner-banner-big .inner-title h2 { font-size: 20px; }
.inner-banner-big .inner-title span { font-size: 13px; }
.faq-accordion .btn-link{ font-size: 12px; white-space: initial; padding: 0; }
.faq-accordion .card-header{ padding: 5px 12px; border-radius: 0; }
.online-admission-top .from-panel ul li{ margin: 0 0 10px 0; }
.online-admission-top .from-panel ul li span{ width: 30%;  }
.online-admission-top .from-panel ul li input[type="text"], .online-admission-top .from-panel ul li select{ width: 58%; float: right; }
.image-panel{ display: none; }
.add-bg{ margin: -50px 0 0 0; padding: 20px 0 0 0; }
.online-admission-top .from-panel ul li.w-100 span{ width: 42%;  }
.contact-us-top .container{ padding: 0 25px; }
.contact-body { padding: 40px 10px 40px 10px; }
.contact-us-top .top-box p { font-size: 13px; padding: 0 20px; line-height: 22px; }
.contact-us-top .top-box { margin-bottom: 10px;  }
.contact-us-top .top-box h2{ margin: 0 0 10px 0; font-size: 16px; padding: 0;  }
.contact-form { display: block; }
.contact-form .contact-form-left{ width: 100%;  }
.contact-form .contact-form-right{ width: 100%; border: 1px solid #dbdbdb; margin: 30px 0 0 0;  }
.contact-body h3{ font-size: 30px;  }
.contact-body p {  font-size: 12px; }
.contact-us-top .top-box p{ font-size: 12px;  }
.contact-us-top .top-box{ min-height: initial;  }
.contact-form .contact-form-left ul li{ margin: 0 0 8px 0; }
.contact-banner{ height: 100px;  }
.contact-us-top{ padding: 20px 0; }
.contact-bottom h3{ font-size: 19px; line-height: 30px; }
.contact-body .career-form-right h3 { font-size: 17px; }
.career-heading h2{ font-size: 16px;  }
.career-heading h2:after{ left: 42%;  }
.career-heading h3 { font-size: 23px; font-weight: bold; margin: 15px 0 10px 0; }
.contact-us-top .bottom-box h4{ font-size: 18px; margin: 10px 0 10px 0;  }
.contact-us-top .bottom-box h5{ margin: 0 0 20px 0; }
.upload input{ width: 90px;  }
.job-right{ width: 100%; padding: 10px; }
.jobRow strong { font-size: 15px;}
.jobRow h4 { font-size: 15px;}
.jobRow ul li, .jobRow ul li{ font-size: 12px;  }
.job-right h3{ font-size: 14px;  }
.jobRow{ padding: 10px 15px;  }
.jobRow p { font-size: 12px;}
.career-banner{ height: 100px;  }
.edit-modal .modal-body{ padding: 20px 20px; }
.modal-header .title{ font-size: 16px;  }
.pre-book{ padding: 8px 40px; font-size: 14px;  }
.services .inner-body section img{ width: 100%; margin: 0 0 20px 0; }
.news-row{ display: inline-block; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.events-img img{ width: 100%;  } 
.news-row .events-img{ margin: 0 0 20px 0; }
.news-row .events-text h2{ font-size: 16px;  }
.news-row .events-text p { font-size: 12px; }
.news-events .container { padding: 20px 10px; }
.news-row .events-text strong { font-size: 12px;}
.news-row .events-text span { font-size: 12px;}
.news-row .events-img .date{ font-size: 13px; line-height: 16px;  }
.inner-banner-big.news-banner{ height: 100px;  }
.inner-banner-big.news-banner h2{ margin:0 0 0 0; }
.core-coures .accordion{ width: 100%;  }
.buy-now-top {right: 0;}
.certificate-banner { height: 135px; }
.ctf-title { font-size: 15px; }
.ctf-title span{ display: inline; }
.success-list ul li { width: 100%; min-height: auto; max-height: auto; overflow: none; }
.success-list{ display: inline-block; }
.overview-panel .video img{ height: auto;  }
.overview-panel .container { padding: 0 30px 30px 30px; }
.overview-text h2 { margin: 20px 0 10px 0;}
.overview-text p{ max-height: 100%;  }
.overview-panel .container:before{ left: 0; bottom: -70px; }
.button-area a { padding: 14px 15px; font-size: 11px; }
.button-area{ bottom: -76px; right: auto; }
.structure-panel{ overflow: auto;  }
.structure-td h3{ min-width: 100px;  }
.certificate-structure{ margin: 90px 0 0 0; }
.core-coures {padding: 20px 20px 40px 30px; margin: 30px 0 0 0; }
.certificate-for .card{  }
.certificate-for .card-header .btn-link{ font-size: 0;  }
.certificate-for .card-body ul{ display: block; }
.certificate-for .card-body ul li{ display: block; margin: 0 0 10px 0; }
.certificate-for .card-body ul li .fa{ display: none; }
.certificate-for .card-body{ max-height: none; overflow: auto; }
.certificate-question .btn-link{  font-size: 11px; word-break: break-word; white-space: inherit; }
.certificate-top{ padding:30px; }
.ctf-title label{ display: block; }
.certificate-bottom{ padding: 25px 15px; }
.certificate-bottom .price-box { margin: 40px 0 20px 0;}
.certificate-banner a{ font-size: 13px; }
.sub-navigation{ display: none; }
.testimonial-panel .col-md-7:after{ height: 120%;  }
.testimonial-panel .carousel-item strong{ font-size: 13px;  }
.quick-contat .contat-row section strong{ display: block; font-size: 13px; margin: 0 15px 0 0; }
.quick-contat .contat-row section strong:last-child{ margin: 0 0 0 0; }
.choose-list img { margin: 0 0 10px 0px; }
.contat-details .contat-row {  }
.header .container .logo label { font-size: 9px; height: 10px; width: 10px; line-height: 12px; }
.earth{ width: 100%; overflow: hidden; }
#sphere, #flights, #glow-shadows, #locations, #drag{   }
.copyright p{ font-size: 9px; }
.business-right { width:100%; max-height: auto;   }
.core-coures .accordion { max-height: none; overflow: initial; }
.jobRow .job-left ul li{ max-width: 100%;  }
.online-overview  .coures-ctn{ padding-left: 15px; }
.buy-now{ background: #05b8b8; text-align: center; }
.buy-now a{ margin:19px 0 0 0; }
.logo span div{ font-size: 8px!important; top: 29px!important;  }
.social-link { justify-content: center; }
.cms-certifications .overview-text p, .cms-classroom-certificate-program-indian-customs-lawas-regulations .overview-text p, .cms-classroom-certificate-program-export-import-management .overview-text p{ max-height: none; }
.online-top h1{ font-size: 27px;  }
.online-top h2 { font-size: 16px;} 
.online-top .amount{ font-size: 24px;  }
.online-video{ margin: 20px 0 0 0; }
.structure ul li .left img{ width: 17px; margin: 0 5px 0 0; }
.structure ul li .left{ width: 56%; padding: 0 0 0 11px; }
.online-overview .card-header .btn{ font-size: 11px;  }
.structure ul li{ font-size: 13px; }
.online-globe iframe{ margin: -50px 0 0 -60px ; }
.login-container .input-text, .customer-account-forgotpassword .input-text{ width: 100%;  }
.block-title .note{ font-size: 12px; }
.customer-account-forgotpassword .forget-password, .customer-account-forgotpassword .actions-toolbar{width: 90%;}
.checkout-index-index .input-text{ width: 100%;  }
.top-login .list a { font-size: 11px; }
.top-login { right: 80px; margin: 6px 0 0 0; }
.checkout-index-index .opc-wrapper{ width: 88%;  }
.checkout-index-index .modal-content { width: 81%; padding: 30px 30px; margin: 0 auto; }
.checkout-index-index .input-text, .checkout-index-index .select{ width: 100%; }
.checkout-index-index .modal-header {  padding: 0 0 10px 40px; }
.checkout-index-index .main{ font-size: 13px; padding: 30px 0 30px 0; }
/*-- end of width 767px --*/
}


@media (max-width: 575px) {
.top-bar .link { right: 0; height: 44px; }
}

@media (max-width: 480px) {
  .header .container{  }
  .header .logo{ width: 100%;}
  .logo img { width: 66px; }
  .sina-nav .navbar-toggle  { top:-111px; }
  .header .right-contact { font-size: 11px; white-space: nowrap; line-height: 11px; }
  .header .logo span { font-size: 9px; margin: 0 0 0 1px; line-height: 15px;}
  .top-bar .container ul li img{ width: 30px; margin: 4.5px 0px 0 1px;  }
  .header .right-contact label { margin: 0 4px 0 0; }
  .about-bg {  }
  .footer-socila { padding: 5px 0 5px 0px; }
  .copyright { font-size: 9px; padding: 10px 0; }
  .footer-socila li img {   }
  .footer-socila ul li a { width: 22px; height: 22px; line-height: 20px; color: #fff;  margin: 0 3px 0 0;
  font-size: 11px; }
  .faq-accordion .btn-link .fa { position: absolute; top: 20px; right: 12px; }
  .faq-body{ padding: 0; }
  .faq-accordion .card-body { font-size: 12px; }
  .header .container .logo label { font-size: 9px; height: 8px; width: 8px; line-height: 11px; }
  .top-contact img{ width: 20px; height: 20px; }
  .top-contact p{ margin: 5px 0 0 0; }
  .top-contact{ margin: 5px 0 0 0; font-size: 11px; }
  .business-mission iframe{ position: relative; left: -76px; height: 360px; }
  select.select-program option { font-size: 10px; }
  .void-panel .video-box .video-title { font-size: 11px; line-height: 14px; }
}

@media (max-width: 340px) {
.header .right-contact label { margin: 0 3px 0 0; }
.logo img { width: 58px; }
.header .logo span { font-size: 9px;}
 a#toggle{ left: 10px;  }
}