@charset "utf-8";
/* CSS Document */


 @media only screen and (max-width:1250px) {
	 
	 .bannerSlider .owl-dots{ bottom:10px; }
	 .bannerSlider .owl-theme .owl-dots{ text-align:center; }
	 
 }


 @media only screen and (max-width:1199px) {
    .container {
         width: 1024px !important;
         margin: 0 auto;
    }
	
	.header_section:before{
		    width: 92%;
	}
	
	.top_header_section{
		padding: 18px 0;
	}
	
	.ss_sec ul{
		float:right;
	}
	
	.menu_sec ul li{
		margin: 0 5px;
	}
	
	.menu_sec ul li a{
		font-size: 15px;
		padding: 12px 15px;
	}
	
	.banner_text_block{
		padding: 0;

	}
	
	.banner_text_block h1{
		font-size: 30px;
		line-height: 45px;
		color: #ffffff;
	}
	
	.banner_text_block h1 strong{
		font-size: 35px;
		line-height: 45px;
	}
	
	.banner_text_block a{
		font-size:15px;
		padding:12px 21px;
	}

	
	.ft_link{ margin-top:25px; }
	
	.ft_link ul li a{
		font-size: 14px;
	}
	
	
	.ech_evnt_bx .event_img{ border-bottom:2px solid #0d0b4a; }
	
	.interview ul li{ width:43%; }
	.interview{ padding-right:180px; }
	.ft_link ul.add_sec li:first-child i{ margin-bottom:40px; }
	.about_section h5{ margin-top:0; }

}



 @media screen and (max-width: 1024px) {
    .container {
         width: 980px !important;
         margin: 0 auto;
    }
	.menu_sec ul li a{
		font-size: 14px;
	}
	
}

 @media screen and (max-width: 980px) {
    .container {
         width: 700px !important;
         margin: 0 auto;
    }
	
	.ss_sec ul li{ margin:0 3px; }
	
	.ft_link.ft_ss ul li a i{
		width: 30px;
		height: 30px;
	}
	.ltree_foot {
		width: 30px;
		height: 30px;
    }
	.ltree_foot img{
		padding-left:8px;
	}
	
	.ft_logo p {
		font-size: 13px;
		line-height: 25px;
	}
	
	/*responsive menu*/
	
	.menu_sec{
		display:none;
	}
	
     .mob_header {
         display: block;
		 float: right;
    }
	
    .col-lg-3.col-md-3.col-sm-12.col-xm-12.logo_sec_info {
         display: inline-block;
    }
	
    .logo_sec img {
        
         margin-bottom: 0px;
    }
	
    .menu_btn_open {
        float: right;
		margin-top: 0;
		margin-right: 0;
		position: relative;
		top: -5px;
		z-index: +1;
		right: 0px;
    }
	
    .menu_open {
         font-size: 40px !important;
         color: #c166af;
         cursor: pointer;
		 transition:.5s ease;
    }
	
	.menu_open:hover{ color:#060644; }
	
    .menu_btn_close {
         float: right;
         margin-right:50px;
         margin-top: 8px;
    }
	
    .fa.fa-times.menu_close {
         font-size: 21px;
         color: #ffffff;
         cursor: pointer;
		 transition:.5s ease;
    }
	
	.fa.fa-times.menu_close:hover{ color:#08093d; }
	
    .topnav.mob_menu.active{
         right: 0%;
         top: 0px;
         -webkit-transition: all 1s ease-in-out;
         -moz-transition: all 1s ease-in-out;
         -o-transition: all 1s ease-in-out;
         transition: all 1s ease-in-out;
    }
	
    .site_hp.active {
         overflow-y: hidden;
    }
	
    .mob_menu {
         position: fixed;
         right: -100%;
         top: 0px;
         background-color: #c166af;
         width: 402px;
         z-index: +999;
         height: auto;
         display: block;
    }
	
    .mob_menu ul {
         width: 100%;
    }
	
    .mob_menu li {
         padding: 10px 24px;
         border-bottom: 1px solid #ffffff8f;
         list-style: none;
    }
	.mob_menu li.dropdown > button {
	    background: transparent;
	    border: 0;
	    color: #fff;
		transition:.5s ease;
	}
	
	.mob_menu li.dropdown > button:hover{ color:#060644; }
	
	.mob_menu li.dropdown > ul.dropdown-menu {
	    width: max-content;
	    transform: translate(25px, 0px);
	    padding: 10px 0;
	    border-radius: 0;
	    border: 0;
	}
	.mob_menu li.dropdown > ul.dropdown-menu > li {
	    padding: 2px 0;
	}
	.mob_menu li.dropdown > ul.dropdown-menu > li > a:hover {
	    background: transparent;
	    color: #08093d;
	}
	.mob_menu li.dropdown > button::after {
	    content: '\f078';
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 600;
	    font-size: 12px;
	    margin-left: 10px;
	}
    .mob_menu a {
         color: #ffffff;
		 display: block;
         font-size: 16px;
         text-align: left;
    }
    
    .mob_menu li.active a {
         color: #ffffff;
         font-weight: 600;
    }
	
    .mob_menu {
         width: 100%;
         height: 100%;
    }
	
	.mob_menu a:hover {
		color: #08093d;
	}
	
	.mod_logo_section{
		display:block;
	}
	
	.logo_section{
		display:none;
		    margin-top: 15px;
	}
	
	.mod_logo_section img {
		width: 100%;
		height: auto;
	}
	
    /*responsive menu*/
	
	.banner_text_block h3{ font-size:32px; }
	.banner_text_block h2{ font-size:27px; margin:15px 0; }
	.banner_text_block h5{ font-size:14px; }
	.banner_text_block a{ padding:8px 18px; font-size:12px; margin-top:12px; }
	.lyf{ width:100%; margin-right:0; margin-top:0; }
	.srvc{ width:100%; margin-top:0; margin-left:0; }
	.interview{ padding-right:39px; }
	.interview ul li{ width:100%; margin-right:0; }
	.interview ul{ width:60%; }
	
}
 @media screen and (max-width: 767px) {
    .container {
         width: 400px !important;
         margin: 0 auto;
    }
	
	.logo_sec {
		position: relative;
		display: block;
		bottom: 0;
	}
	
	.banner_text_block {

		padding: 0;

	}
	
	.banner_text_block h1 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.banner_text_block h1 strong {
		font-size: 16px;
		line-height: 25px;
	}
	
	.banner_text_block a {
		margin-top: 7px;
		font-size: 12px;
		padding: 10px 17px;
	}
	.bannerSlider #banner_slider .owl-nav .owl-prev {
	    left: 0px;
	}
	.bannerSlider #banner_slider .owl-nav .owl-next {
	    right: 0px;
	}
	.bannerSlider #banner_slider .owl-nav button, #encouraging_apparel .owl-nav button {
		width: 25px; height:25px;
	}
	.bannerSlider #banner_slider .owl-nav button span::before, #encouraging_apparel .owl-nav button span::before {
		font-size: 12px;
	}
	.menu_btn_open{
		top: 45px;
	}
	
	.top_header_section {
		
		display: none;
	}
	
.banner_text_block h3{ font-size:25px; }
.banner_text_block h2{ font-size:20px; }
.banner_text_block h5{ width:50%; }
.banner_slide_section{ margin-top:0; }
.about_section h5{ font-size:30px; margin:5px 0; }
.about_section h2{ font-size:35px; padding-bottom:15px; margin-bottom:15px; }
.about_section p{ font-size:15px; line-height:30px; margin-bottom:15px; }
.about_section a, .cta_btn a, .lyf a, .srvc a{ font-size:15px; padding:8px 25px 10px; }
.about_section, .work_section, .service_section{ padding:50px 0 60px; }
.title h2{ font-size:35px; padding-bottom:18px; }
.work_blrb{ margin-top:35px; }
.work_blrb h3{ margin:20px 0 10px; font-size:19px; }
.cta_btn{ margin-top:30px; }
.title p{ margin-top:21px; font-size:15px; }
.lyf{ padding:30px 30px 40px; }
.lyf h3, .srvc h3{ font-size:21px; margin-top:20px; }
.lyf p, .srvc p{ font-size:15px; line-height:25px; margin-bottom:15px; }
.ech_srvc_row{ margin-top:35px; }
.srvc{ padding:30px 40px 40px; }
.event_section{ padding-top:50px; }
.margin_top{ margin-top:30px; }
#encouraging_apparel .owl-nav .owl-prev{ left:-28px; }
#encouraging_apparel .owl-nav .owl-next{ right:-28px; }
.ech_evnt_bx .event_img{ width:100%; border-bottom:3px solid #0d0b4a; border-radius:5px 5px 0 0; border-right:none; }
.ech_evnt_bx .event_img img{ border-radius:5px 5px 0 0; }
.ech_evnt_bx .event_text{ width:100%; }
.ech_evnt_bx .event_text, .eventbox .event_text{ padding:10px 10px 15px; }
.event_img img{ height:100px; object-fit:cover; }
.ech_evnt_bx .event_text h6, .eventbox .event_text h6{ font-size:13px; margin-bottom:5px; }
.ech_evnt_bx .event_text h2, .eventbox .event_text h2{ font-size:14px; margin-bottom:5px; }
.ech_evnt_bx .event_text p, .eventbox .event_text p{ font-size:14px; line-height:18px; }
.ech_evnt_bx .event_text a, .eventbox .event_text a{ font-size:13px; margin-top:0; }
.ech_evnt_bx{ margin-bottom:10px; }
/*.eventboxes .ech_evnt_bx:last-child{ display:none; }
.event_section .owl-carousel .owl-item img{ height:150px; object-fit:cover; }*/
.interview{ padding:20px 25px 400px; }
.interview ul{ width:100%; }
.interview h2{ font-size:35px; margin-bottom:20px; }
.footer_section{ padding-top:200px; }
.interview ul li a{ font-size:15px; }
#backToTop{ bottom:80px; }
	
}
 @media only screen and (max-width: 480px) {
    .container {
         width: 90% !important;
         margin: 0 auto;
         max-width:90% 
    }   
	
	.banner_text_block {
		padding: 0;

	}
	
	.banner_text_block h1 {
		font-size: 14px;
		line-height: 20px;
	}
	
	.banner_text_block h1 strong {
		font-size: 14px;
		line-height: 20px;
	}
	
	.banner_text_block a {
		margin-top: 7px;
		font-size: 12px;
		padding: 7px 11px;
	}
	.bannerSlider .owl-item > .item > img {
	    height: 250px;
	    object-fit: cover;
	}
}



 @media only screen and (max-width: 360px) {
    .container {
         width: 90% !important;
         margin: 0 auto;
         max-width:90% 
    }
	.banner_text_block {
		padding: 0;
		left: 45px;
		/*top: 20px;*/
	}
	
	.banner_text_block h1 {
		font-size: 14px;
		line-height: 20px;
	}
	
	.banner_text_block h1 strong {
		font-size: 14px;
		line-height: 20px;
	}
	
	.banner_text_block a {
		margin-top: 7px;
		font-size: 12px;
		padding: 7px 11px;
	}
	
	
}
 

 @media only screen and (max-width: 320px) {
    .container {
         width: 90% !important;
         margin: 0 auto;
         max-width:90% 
    }
	.bnr_cpsn h1 { font-size:20px; }
	
	
	
} 