@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
    .sidebar-form .form {width:100%;margin-left: 0;}
    .whysing-desc {width: 100%;}
    
    .formcontainer{width:100%;}
    .sticky-page .left-block {width: 100%;margin-right: 0;}
    .sticky-page #sideb {width: 100%;padding: 15px 0 0 0;}
    
    iframe{margin:0 !important;}
    .fluid-width-video-wrapper {margin: 0;}
    .footer-bottom-links .middle-block{width:100%;}
    .footer-bottom-links .left-block, .footer-bottom-links .right-block {width:100%;}
    
    h1{ font-size: 24px;}
    #innerpage h2 {font-size: 35px;line-height: 39px !important;}
    #innerpage h3 {font-size: 29px;line-height: 33px !important;}
    h4{ font-size: 18px;}
    h5{ font-size: 16px;}
    p{ font-size: 18px;line-height: 26px;}
    ul li{ font-size: 14px;}
    ol li{ font-size: 14px;}
    blockquote p{ font-size: 14px;}

    /* banner part */
    .banner .single-banner{ height: 400px;}
    .banner .banner-caption {left: 15px;max-width: calc(100% - 30px);right: 15px;top: auto;bottom: 50px;transform: none; padding: 15px;}
    .banner .banner-caption .title{ font-size: 20px;}
    
    .about-block-prt2 img {width:100%;}
    .left-block img {width:100%;}

    /* Testimonail part */
    .testimonial-block{ padding: 20px 0 30px;}
    .testmonial-block-inner h4{ font-size: 22px; padding: 40px 40px 40px 80px;}
    .testmonial-block-inner h4:before, .testmonial-block-inner h4:after{ font-size: 34px;}
    .testmonial-block-inner h4:before{ top: 30px;}
    .testmonial-block-inner h4:after{ margin-left: 30px;}

    /* Typography */
    .inner-banner .single-banner{ height: 220px;}
    .inner-banner .single-banner .banner-caption{ bottom: 20px;}
    .content-block blockquote .title{ font-size:20px;}
    .typography .content-block img{ width: 100%;}
    
    .employers-block ul li {width: 100%;}

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
    .sidebar-form .form {width:100%;margin-left: 0;}
    .whysing-desc {width: 100%;}
    .formcontainer{width:70%;}
    
    .sticky-page .left-block {width: 100%;margin-right: 0;}
    .sticky-page #sideb {width: 100%;padding: 15px 0 0 0;}
    
    iframe{margin: 0 !important;height: 215px;}
    .fluid-width-video-wrapper {margin: 0;}
    .footer-bottom-links .middle-block{width:100%;}
    .footer-bottom-links .left-block, .footer-bottom-links .right-block {width:100%;}
    
    h1{ font-size: 26px;}
    h2{ font-size: 24px;}
    h3{ font-size: 20px;}
    h4{ font-size: 18px;}
    h5{ font-size: 16px;}
    p{ font-size: 14px;}
    ul li{ font-size: 14px;}
    ol li{ font-size: 14px;}
    blockquote p{ font-size: 14px;}

    /* banner part */
    .banner .single-banner{ height: 400px;}
    .banner .banner-caption{ left: 15px; max-width: 350px;}
    .banner .banner-caption .title{ font-size: 26px;}

    /* Apply part */
    .apply-block .single-block{ padding: 15px; font-size: 16px;}
    .apply-block .single-block i{ font-size: 40px;}

    /* Testimonail part */
    .testimonial-block{ padding: 20px 0 30px;}
    .testmonial-block-inner h4{ font-size: 26px; padding: 40px 60px 40px 90px;}
    .testmonial-block-inner h4:before, .testmonial-block-inner h4:after{ font-size: 40px;}
    .testmonial-block-inner h4:before{ top: 30px;}
    .testmonial-block-inner h4:after{ margin-left: 40px;}

    /* Typography */
    .inner-banner .single-banner{ height: 250px;}
    .content-block blockquote .title{ font-size:22px;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){ 
    .sticky-page .left-block {width: 100%;margin-right: 0;}
    .sticky-page #sideb {width: 100%;padding: 15px 0 0 0;}
}

@media (min-width:768px) and (max-width:991px){
    .sticky-page .left-block {width: 100%;margin-right: 0;}
    .sticky-page #sideb {width: 100%;padding: 15px 0 0 0;}
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
    
    .footer-bottom-links .middle-block{width:100%;}
    .footer-bottom-links .left-block, .footer-bottom-links .right-block {width:100%;}
    .about-block-prt3 .aboutpr3{width:100% !important;}
    
    .right-block .form h1 {font-size: 18px;}
    
    h1{ font-size: 30px;}
    h2{ font-size: 28px;}
    h3{ font-size: 26px;}
    h4{ font-size: 24px;}
    h5{ font-size: 20px;}

    /* header part */
    header .top-bar{ min-height: 72px;}
    .logo a{ max-width: 200px; top: 10px;}
    .call-today{ padding: 15px 0;}
    .call-today i{ font-size: 30px; margin-right: 5px;}
    .call-today .call{ font-size: 16px;}
    .call-today .call a{ font-size: 18px; margin-top: 5px;}

    /* nav part */
    nav ul li a{ padding: 13px 8px; font-size: 13px;}
    nav ul > li > ul{ top: 45px; width: 180px;}
    nav ul li:hover > ul{ top: 39px;}
    nav ul li ul li a{ font-size: 13px; padding: 11px 11px;}

    /* banner part */
    .banner .single-banner{ height: 480px;}
    .banner .banner-caption{ left: 15px;}
    .banner .banner-caption .title{ font-size: 34px;}

    /* Apply part */
    .apply-block .single-block{ padding: 20px 15px; font-size: 20px;}
    .apply-block .single-block i{ font-size: 44px;}

    /* About part */
    .about-block{ padding: 40px 0 20px;}
    .about-block .left-block h1{ font-size: 25px;}
    .about-block .left-block h3{ font-size: 21px; margin-bottom: 10px;}

    /* Assistant part */
    .assistant-block h2{ margin-bottom: 10px;}
    .assistant-block-inner .single-block{ width: 50%; margin: 10px 0;}
    .assistant-block-inner .single-block a{ padding: 20px 15px;}
    .assistant-block-inner .single-block i{ font-size: 50px; margin-bottom: 10px;}
    .assistant-block-inner .single-block h3{ font-size: 20px;}

    /* Testimonail part */
    .testimonial-block{ padding: 20px 0 30px;}
    .testmonial-block-inner h4{ font-size: 30px; padding: 40px 60px 40px 100px;}
    .testmonial-block-inner h4:before, .testmonial-block-inner h4:after{ font-size: 44px;}
    .testmonial-block-inner h4:before{ top: 35px;}
    .testmonial-block-inner h4:after{ margin-left: 40px;}

    /* Training part */
    .training-block .left-block{ width: calc(30% - 2px);}
    .training-block .left-block ul li a{ font-size: 18px;}
    .training-block .right-block{ width: 100%;}
    .training-block .left-block + .right-block{ width: calc(70% - 2px); padding-left: 20px;}
    .training-block .right-block h4{ font-size: 24px;}

    /* Bottom Links part */
    .bottom-links-inner .single-block a{ font-size: 18px; padding: 8px 5px;}

    /* footer */
    .footer-top{ padding: 40px 0;}
    .footer-top h5{ font-size: 18px;}
    .footer-top a{ font-size: 14px;}
    .footer-top-left p{ font-size: 14px;}
    .footer-top-right .footer-social ul li{ margin: 0 10px;}
    .footer-top-right .footer-social ul li a{ font-size: 26px;}
    .footer-bottom-links .links ul li a{ font-size: 12px;}
    .footer-bottom-links .left-block p{ font-size: 12px;}

    /* Typography */
    .inner-banner .single-banner{ height: 250px;}
    .content-block blockquote .title{ font-size:24px;}

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {
    h1{ font-size: 34px;}
    h2{ font-size: 30px;}
    h3{ font-size: 28px;}

    /* banner part */
    .banner .single-banner{ height: 550px;}
    .banner .banner-caption{ left: 15px;}
    .banner .banner-caption .title{ font-size: 40px;}

    /* Apply part */
    .apply-block .single-block{ padding: 30px 20px; font-size: 22px;}
    .apply-block .single-block i{ font-size: 50px;}

    /* Assistant part */
    .assistant-block-inner .single-block a{ padding: 20px 15px;}
    .assistant-block-inner .single-block i{ font-size: 60px; margin-bottom: 10px;}
    .assistant-block-inner .single-block h3{ font-size: 20px;}

    /* Testimonail part */
    .testmonial-block-inner h4{ font-size: 38px;}

    /* Typography */
    .inner-banner .single-banner{ height: 300px;}

}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (max-width:767px) {
    
    .dbm{display:block;}
    .dnm{display:none;}
    
    #rmi-form .gform_wrapper li.hidden_label input {width: 100%;}
    #rmi-form .gform_wrapper .gform_footer input.button, #rmi-form .gform_wrapper .gform_footer input[type=submit] {
    width: 100%;
    display: inline-block;
    height: 48px;
    margin-bottom: 15px;}
    #rmi-form .gform_wrapper select {width: 100%;}
    
    .apply-block .single-block span {font-size: 18px;line-height: 1.4;}
    .apply-block .single-block img {height:40px;width:40px;}
    .footer-bottom-links .links ul li {margin-bottom: 25px;}
    header .cta{background: #d45000;display: inline-block;width: 100%;text-align: center;color: #fff;padding: 6px;}
    header .cta:hover{background: #ffffff;color: #d45000;}
    
    .nth2nd{width: 50% !important;float: left;text-align: right;margin-bottom:4px !important;}
    .nthlast{width: 50% !important;float: left;text-align: left;margin-bottom:4px !important;}
    .nthlast a{padding-left: 9px !important;}
    .footer-bottom-links .links ul li:nth-child(3n) a:before{display:none !important;}
    .footer-bottom-links .middle-block ul li{margin: 20px 0 9px;}
    
    .banner .banner-caption{background-color: rgba(0, 0, 0, 0.37);}
    
    .footer-top-right .footer-quick-links li {line-height: 26px;}
    
    .site-content-contain ul li::before {font-size: 24px;margin-right: 0px;}
    
    .single .page-content .share {text-align: center;}
    .single .space-medium{padding:0;}
    .single .page-content {padding: 20px 0;}
    
    .heading h1 {line-height: 1.2;font-size: 37px;}
    
    .testmonial-block-inner h6 {padding: 110px 30px;}
    .testmonial-block-inner h6:after {margin-top: 37px;}
    
    
    iframe{margin: 0 !important;}
    .page-template-front-page .about-block .right-block iframe {margin: 5px 0 20px !important;height: 203px !important;}

    .related-story .item:not(:last-of-type) {padding-right: 0;}
    .related-story .item {width: 100%;margin-bottom: 10px;}
    .hori-blog--list .item {margin-bottom: 40px !important;}
    .hori-blog--list, .verti-blog-list {padding: 0 15px 0;}
    .links--list ul{display: none;}
    .links--list .mobile--dropdown select{width: 100%;height:3.3em;padding: 0 10px; max-width: 300px; margin: 0 auto; display: block;}
    .links--list .mobile--dropdown{display: block;}
    .hori-blog--list .item {display: block;}
    .hori-blog--list .item figure {width: 100%;min-height: 200px !important;}
    .hori-blog--list .item .desc {width: 100%;}
    .verti-blog-list .item {width: 100%;margin-bottom: 40px !important;}
    .verti-blog-list .item .desc .top {padding: 20px 20px 20px;}
    .share{text-align:right;position: unset !IMPORTANT;}
    #innerpage .left-block iframe{margin:0 !important;}
    #innerpage .testmonial-block-inner h6:before {top: 16px;font-size: 35px;}
    #innerpage .testmonial-block-inner h6 {padding: 50px 31px;}
    #innerpage .testmonial-block-inner h6:after {font-size: 35px;}
    
    nav{ display: none;}
    header .top-bar{ min-height: 70px;}

    /*----- mobile nav ------*/
    .nav-mobile .slider-switch{position: absolute;top: 129px;right: 15px;}
    .nav-mobile { display: block; float: right; margin: 0 0 0 10px;}
    .nav-mobile .btn-nav { display: block; width: auto; height: 36px; background-color: transparent; border-radius: 0; transition: all 0.2s ease-in-out 0s; position:absolute; right:15px; top: 70.5px; }
    .nav-mobile .btn-nav span { width: 28px; height: 2px; display: block; background: #fff; border-radius: 2px; position: relative; top: 17px; }
    .nav-mobile .btn-nav span:before { width: 28px; height: 2px; background: #fff; border-radius: 2px; transition: all 0.2s ease-in-out 0s; content: ""; position: absolute; left: 0; top: -8px; }
    .nav-mobile .btn-nav span:after { width: 28px; height: 2px; content: ""; background: #fff; border-radius: 2px; transition: all 0.2s ease-in-out 0s;  position: absolute; right: 0; bottom: -8px; }
    .nav-mobile .nav-mobile-content { position: absolute; }
    .nav-mobile .btn-nav.nav-open {  background-color: transparent; }
    .nav-mobile .btn-nav.nav-open span:before { width: 15px; }
    .nav-mobile .btn-nav.nav-open span:after { width: 15px; right: 0; }
    /*----- mobile frist lavel nav ------*/
    .nav-mobile-content{width: 100%; max-height: calc(100vh - 96px); opacity: 0; overflow-y: auto; background: #b7afc7; transition: all 0.3s ease-in-out 0s; visibility: hidden; position: absolute; left: 0; top: 108px; z-index:99999;}
    .nav-mobile.nav-open .nav-mobile-content {  opacity: 1; visibility: visible; }
    .nav-mobile-content ul { margin: 0; padding: 10px 0; }
    .nav-mobile-content ul li { display: block; padding: 0; clear: both; font: 400 15px 'Ubuntu', sans-serif; color: #3f474a; letter-spacing: 0.02em; text-transform: uppercase; position: relative; }
    .nav-mobile-content ul li a {  padding: 12px 20px; display: block; color: #372160; font-weight:500; text-transform:none; }
    .nav-mobile-content ul li a:hover {text-decoration: none; }
    .nav-mobile-content ul li.active { color: #fff; }
    .nav-mobile-content ul li em {  display: block; width: 40px; height: 42px; cursor: pointer; position: absolute; right: 15px; top: 0; }
    .nav-mobile-content ul li em:before { width: 20px; height: 2px; display: block; background: #d45000; transform: translate(-10px, -1px); content: ""; position: absolute; left: 50%; top: 50%; }
    .nav-mobile-content ul li em:after { width: 2px; height: 20px; display: block; content: ""; background: #d45000; transform: translate(-1px, -10px); position: absolute; left: 50%; top: 50%; }
    .nav-mobile-content ul li.active em:after { display: none; }
    /*----- mobile second lavel nav ------*/
    .nav-mobile-content ul li ul { margin: 0; padding: 10px 0; display: none; background: #a89fbc; }
    .nav-mobile-content ul li ul li { font: 300 13px 'Ubuntu', sans-serif; color: #3f474a; }
    .nav-mobile-content ul li ul li a { margin-left: 20px; padding: 8px 18px; color: #fff; font-size:14px; }
    .nav-mobile-content ul li ul li em { height: 33px; }
    .nav-mobile-content ul li ul li em:before { display: block; }
    .nav-mobile-content ul li ul li em:after { display: block !important; }
    .nav-mobile-content ul li ul li.active em:after { display: none !important; }
    /*----- mobile thread lavel nav ------*/

    .nav-mobile-content ul > li.current-menu-item > a,
    .nav-mobile-content ul > li.current-menu-ancestor > a,
    .nav-mobile-content ul > li:hover > a { background-color: #372160; color: #fff;}


    .nav-mobile-content ul li ul li ul { margin: 0; display: none; background: #998eb1; }
    .nav-mobile-content ul li ul li ul li { color: #fff; font-size: 13px; }
    .nav-mobile-content ul li ul li ul li a { padding: 8px 35px;  color: #fff;}

    /* header part */
    .logo a{max-width: 206px;top: 5px;}
    .call-today{ padding: 14px 0;}
    .call-today i{ font-size: 22px; margin-right: 3px;}
    .call-today .call{ color: #d45000;font-size: 15px;}
    .call-today .call a{ font-size: 18px; margin-top: 5px;}
    .bottom-bar{ padding: 19px 0;}

    /* Apply part */
    .apply-block .single-block{ padding: 15px; font-size: 17px;}
    .apply-block .single-block i{ font-size: 36px;}

    /* About part */
    .about-block{ padding: 30px 0;}
    #innerpage .about-block .left-block{ width: 100%; padding: 0;}
    #innerpage .about-block .right-block{ width: 100%;}
    
    .about-block .left-block {
    width: 100% !important;
    margin-right: 0 !important;
    padding: 0;
}
    .about-block .right-block{ width: 100% !important;}

    .about-block-prt3 .aboutpr3 {width:100% !important;padding-right:0% !important;}
    .about-block-prt3 .video{width:100% !important;}

    /* Assistant part */
    .assistant-block h2{ margin-bottom: 10px; font-size: 24px;}
    .assistant-block-inner .single-block{ width: 50%; margin: 10px 0;}
    .assistant-block-inner .single-block a{ padding: 20px 15px;}
    .assistant-block-inner .single-block i{ font-size: 40px; margin-bottom: 10px;}
    .assistant-block-inner .single-block h3{ font-size: 18px;}

    /* Testimonail part */

    /* Training part */
    .training-block .left-block{ width: 100%; margin-bottom: 20px;}
    .training-block .left-block + .right-block{ width: 100%; padding: 0;}
    .training-block .right-block{ width: 100%;}
    .training-block .right-block h4{ font-size: 22px;}
    .training-block .left-block ul li a{ font-size: 18px;}

    /* Bottom Links part */
    .bottom-links{ padding: 20px 0;}
    .bottom-links-inner .single-block{ width: calc(50% - 2px); margin: 5px 0;}
    .bottom-links-inner .single-block a{ font-size: 17px; padding: 8px 10px;}

    /* footer */
    .footer-top-left{ width: 100%; margin-bottom: 30px;}
    .footer-top-right{ width: 100%;}
    .footer-top{ padding: 30px 0 20px;}
    .footer-top h5{ font-size: 18px;}
    .footer-top a{ font-size: 14px;}
    .footer-top-right .footer-social ul{ margin-bottom: 20px;}
    .footer-top-right .footer-social ul li{ margin: 0 10px;}
    .footer-top-right .footer-social ul li a{ font-size: 26px;}
    .footer-bottom{ padding: 8px 0;}
    .footer-bottom-links{ flex-direction: column; text-align: center;}
    .footer-bottom-links .links{ margin: 5px 0;}
    .footer-bottom-links .left-block{ order: 3;}
    .footer-bottom-links .links ul li a{ font-size: 13px;}

}

@media (max-width:480px) {

    /* Apply part */
    .apply-block .single-block{ width: 100%; border-right: 0; border-bottom: 1px solid #b7afc6;}

    /* Assistant part */
    .assistant-block-inner{ margin: 0;}
    .assistant-block-inner .single-block{ padding: 0; width: 100%; margin: 5px 0;}

    /* Bottom Links part */
    .bottom-links{ padding: 20px 0;}
    .bottom-links-inner .single-block{ width: 100%; margin: 8px 0;}
    .bottom-links-inner .single-block a{ font-size: 17px; padding:12px 10px;}

    /* footer */
    .footer-top{ text-align: center;}
    .footer-top-right .footer-quick-links{ width: 100%;}
    .footer-top-right .footer-social { width: 100%; margin-top: 30px; }
    .footer-top-right .footer-social ul{ margin-top: 10px;}
    
    .thank-you-sec .request-btn{
        display: flex;
        flex-direction: column;
    }
    .thank-you-sec .request-btn a{ margin-bottom: 10px !important; }
}

@media (min-width:768px) and (max-width:1170px) {
    nav ul li > .sub-menu ul { left: -100%; }
}

@media (min-width:1170px) and (max-width:1500px) {
    nav ul li > .sub-menu ul { left: 100%; }
}
@media screen and (min-width:768px){
#rmi-form{display: none !important;}
}