@charset "UTF-8";
/* CSS Document */
@media (max-width: 1400px){
	.contact-form-wrap.contact-page-contact{padding-bottom: 270px;}
}
@media (max-width: 1300px){
	.work-section .portfolio-list-wrap ul li{width: 50%;}
}
@media (max-width: 1200px){
}
@media (max-width: 1100px){
}
@media (min-width: 1025px){
}
@media (max-width: 1024px){
	.menu-toggle{display: block;}
	.menu-close{display: block;}
	.nav-link-toggle{display: block;}
	.header-wrap header{padding-left: 0; padding-right: 0;}
	.header-wrap header .container-fluid{-webkit-justify-content:space-between;justify-content:space-between;}
	.header-wrap .header-right{position: fixed; top: 0; right: -425px; width: 420px; height: 100%; overflow: auto; background: #002147; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
	.header-wrap .header-right.show_menu{right: 0;}
	.header-wrap header .menu > ul{display: block; width: 100%;}
	.header-wrap header .menu > ul > li{padding: 0 25px;}
	.header-wrap header .menu > ul > li > a{padding-top: 15px; padding-bottom: 15px;}
	.header-wrap header .menu > ul > li .sub-menu{position: relative; opacity: 1; visibility: visible; -webkit-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); transition: none; display: none;}
	.header-wrap header .menu > ul > li .sub-menu::before{display: none;}
	.header-social{padding: 15px 15px;}
	.hero-content h1{font-size: 53px;}
	.blog-detail-banner .hero-content h1{font-size: 43px;}
}
@media (min-width: 992px){
	.categories-list{display: block !important;}
}
@media (max-width: 991px){
	.service-list ul li{width: calc(50% - 40px);}
	.blog-wrap{padding: 60px 0;}
	.sidebar-box.mobile-show{display: block;}
	.sidebar-box.mobile-hide{display: none;}
	.categories-toggle{display: block;}
	.categories-list{background: rgba(0, 33, 71, 1); display: none;}
	.categories-list ul{padding-top: 10px; padding-bottom: 20px;}
	.categories-list ul li{padding: 0 20px;}
	.categories-list ul li:before{display: none;}
	.categories-list ul li a{color: rgba(255,255,255,0.65);}
	.categories-list ul li:hover a{color: rgba(255,255,255,1);}
	.services-list ul li .services-desc p{max-width: 100%;}
	.contact-form-wrap.contact-page-contact{padding-bottom: 190px;}
	.contact-info-box{font-size: 16px; line-height: 27px;}
	.career-list-wrap ul li{font-size: 16px;}
	.career-list-wrap ul li .name{width: calc(100% - 520px); padding-right: 10px;}
	.career-list-wrap ul li .experience{width: 150px;}
	.career-list-wrap ul li .opening-no{width: 150px;}
}
@media (min-width: 768px){
}
@media (max-width: 767px){
	.banner-wrap{height: auto; padding: 130px 0 100px;}
	.banner-wrap.inner-banner{height: auto;}
	.hero-content h1{font-size: 33px;}
	.blog-detail-banner .hero-content h1{font-size: 33px;}
	.hero-content .cta-btn{padding-top: 10px;}
	.about-us-wrap{padding: 60px 0;}
	.about-text{padding-bottom: 50px;}
	.title h2{font-size: 30px;}
	.services-wrap{padding: 60px 5px;}
	.service-list ul li {width: calc(100% - 40px);}
	.portfolio-title{padding: 60px 0 200px;}
	.portfolio-list-wrap ul li{width: 100%;}
	.customer-say-wrap{padding: 60px 0;}
	.testimonial-slider{margin-top: 0;}
	.testimonial-text{padding: 40px 20px;}
	.testimonial-slide{padding: 0px 20px 80px;}
	.testimonial-slider .slick-arrow{top: inherit; bottom: 0;}
	.testimonial-slider .slick-arrow.slick-prev{left: 50%; margin-left: -55px;}
	.testimonial-slider .slick-arrow.slick-next{right: 50%; margin-right: -55px;}
	.client-logo-wrap{padding: 60px 0 0;}
	.client-logo-list ul li{width: calc(30% - 30px)}
	.contact-form-wrap{padding: 60px 0;}
	.footer-wrap .f-logo{padding-bottom: 40px;}
	.quick-links{padding-bottom: 30px;}
	.home-blog-wrap{padding: 60px 0;}
	.blog-list-wrap ul li{width: calc(100% - 30px)}
	.blog-wrap .blog-list-wrap ul li{width: calc(100% - 30px)}
	.comment-wrap .commentlist .children{padding-left: 25px;}
	.call-to-action{padding: 60px 0 110px;}
	.breadcrumb-wrap .breadcrumb .breadcrumb-item{font-size: 14px;}
	.services-list-wrap{padding: 60px 0 30px;}
	.services-list ul li{display: block; padding: 40px 20px;}
	.services-list ul li .services-icon{width: 100%; max-width: 200px; margin: 0 auto;}
	.services-list ul li .services-icon .svg{width: 200px; height: 200px;}
	.services-list ul li .services-desc{width: 100%; font-size: 18px; line-height: 28px;}
	.services-detail-desc{padding: 60px 0 45px;}
	.features-wrap{padding: 60px 0 45px;}
	.features-list ul li{width: calc(100% - 30px);}
	.work-section{padding: 60px 0 0;}
	.work-section .portfolio-list-wrap ul li{width: 100%;}
	.contact-info-wrap{padding: 60px 0;}
	.contact-info-wrap .col-md-4{margin-top: -2px;}
	.contact-map{height: 280px;}
	.career-wrap{padding: 60px 0;}
	.contact-form-wrap.contact-page-contact{padding-top: 60px; padding-bottom: 100px;}
	.career-list-wrap ul li{padding: 15px;}
	.career-list-wrap ul li .name{width: 100%; padding-right: 0px; padding-bottom: 10px;}
	.career-list-wrap ul li .experience{width: 100%; padding-bottom: 10px;}
	.career-list-wrap ul li .opening-no{width: 100%; padding-bottom: 10px;}
	.career-list-wrap ul li .cta-btn{text-align: left; width: 100%;}
}
@media (max-width: 575px){
	.header-wrap .header-right{width: 300px;}
}@charset "UTF-8";
/* CSS Document */
@media (max-width: 1400px){
	.contact-form-wrap.contact-page-contact{padding-bottom: 270px;}
}
@media (max-width: 1300px){
	.work-section .portfolio-list-wrap ul li{width: 50%;}
}
@media (max-width: 1200px){
}
@media (max-width: 1100px){
}
@media (min-width: 1025px){
}
@media (max-width: 1024px){
	.menu-toggle{display: block;}
	.menu-close{display: block;}
	.nav-link-toggle{display: block;}
	.header-wrap header{padding-left: 0; padding-right: 0;}
	.header-wrap header .container-fluid{-webkit-justify-content:space-between;justify-content:space-between;}
	.header-wrap .header-right{position: fixed; top: 0; right: -425px; width: 420px; height: 100%; overflow: auto; background: #002147; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
	.header-wrap .header-right.show_menu{right: 0;}
	.header-wrap header .menu > ul{display: block; width: 100%;}
	.header-wrap header .menu > ul > li{padding: 0 25px;}
	.header-wrap header .menu > ul > li > a{padding-top: 15px; padding-bottom: 15px;}
	.header-wrap header .menu > ul > li .sub-menu{position: relative; opacity: 1; visibility: visible; -webkit-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); transition: none; display: none;}
	.header-wrap header .menu > ul > li .sub-menu::before{display: none;}
	.header-social{padding: 15px 15px;}
	.hero-content h1{font-size: 53px;}
	.blog-detail-banner .hero-content h1{font-size: 43px;}
}
@media (min-width: 992px){
	.categories-list{display: block !important;}
}
@media (max-width: 991px){
	.service-list ul li{width: calc(50% - 40px);}
	.blog-wrap{padding: 60px 0;}
	.sidebar-box.mobile-show{display: block;}
	.sidebar-box.mobile-hide{display: none;}
	.categories-toggle{display: block;}
	.categories-list{background: rgba(0, 33, 71, 1); display: none;}
	.categories-list ul{padding-top: 10px; padding-bottom: 20px;}
	.categories-list ul li{padding: 0 20px;}
	.categories-list ul li:before{display: none;}
	.categories-list ul li a{color: rgba(255,255,255,0.65);}
	.categories-list ul li:hover a{color: rgba(255,255,255,1);}
	.services-list ul li .services-desc p{max-width: 100%;}
	.contact-form-wrap.contact-page-contact{padding-bottom: 190px;}
	.contact-info-box{font-size: 16px; line-height: 27px;}
	.career-list-wrap ul li{font-size: 16px;}
	.career-list-wrap ul li .name{width: calc(100% - 520px); padding-right: 10px;}
	.career-list-wrap ul li .experience{width: 150px;}
	.career-list-wrap ul li .opening-no{width: 150px;}
}
@media (min-width: 768px){
}
@media (max-width: 767px){
	.banner-wrap{height: auto; padding: 130px 0 100px;}
	.banner-wrap.inner-banner{height: auto;}
	.hero-content h1{font-size: 33px;}
	.blog-detail-banner .hero-content h1{font-size: 33px;}
	.hero-content .cta-btn{padding-top: 10px;}
	.about-us-wrap{padding: 60px 0;}
	.about-text{padding-bottom: 50px;}
	.title h2{font-size: 30px;}
	.services-wrap{padding: 60px 5px;}
	.service-list ul li {width: calc(100% - 40px);}
	.portfolio-title{padding: 60px 0 200px;}
	.portfolio-list-wrap ul li{width: 100%;}
	.customer-say-wrap{padding: 60px 0;}
	.testimonial-slider{margin-top: 0;}
	.testimonial-text{padding: 40px 20px;}
	.testimonial-slide{padding: 0px 20px 80px;}
	.testimonial-slider .slick-arrow{top: inherit; bottom: 0;}
	.testimonial-slider .slick-arrow.slick-prev{left: 50%; margin-left: -55px;}
	.testimonial-slider .slick-arrow.slick-next{right: 50%; margin-right: -55px;}
	.client-logo-wrap{padding: 60px 0 0;}
	.client-logo-list ul li{width: calc(30% - 30px)}
	.contact-form-wrap{padding: 60px 0;}
	.footer-wrap .f-logo{padding-bottom: 40px;}
	.quick-links{padding-bottom: 30px;}
	.home-blog-wrap{padding: 60px 0;}
	.blog-list-wrap ul li{width: calc(100% - 30px)}
	.blog-wrap .blog-list-wrap ul li{width: calc(100% - 30px)}
	.comment-wrap .commentlist .children{padding-left: 25px;}
	.call-to-action{padding: 60px 0 110px;}
	.breadcrumb-wrap .breadcrumb .breadcrumb-item{font-size: 14px;}
	.services-list-wrap{padding: 60px 0 30px;}
	.services-list ul li{display: block; padding: 40px 20px;}
	.services-list ul li .services-icon{width: 100%; max-width: 200px; margin: 0 auto;}
	.services-list ul li .services-icon .svg{width: 200px; height: 200px;}
	.services-list ul li .services-desc{width: 100%; font-size: 18px; line-height: 28px;}
	.services-detail-desc{padding: 60px 0 45px;}
	.features-wrap{padding: 60px 0 45px;}
	.features-list ul li{width: calc(100% - 30px);}
	.work-section{padding: 60px 0 0;}
	.work-section .portfolio-list-wrap ul li{width: 100%;}
	.contact-info-wrap{padding: 60px 0;}
	.contact-info-wrap .col-md-4{margin-top: -2px;}
	.contact-map{height: 280px;}
	.career-wrap{padding: 60px 0;}
	.contact-form-wrap.contact-page-contact{padding-top: 60px; padding-bottom: 100px;}
	.career-list-wrap ul li{padding: 15px;}
	.career-list-wrap ul li .name{width: 100%; padding-right: 0px; padding-bottom: 10px;}
	.career-list-wrap ul li .experience{width: 100%; padding-bottom: 10px;}
	.career-list-wrap ul li .opening-no{width: 100%; padding-bottom: 10px;}
	.career-list-wrap ul li .cta-btn{text-align: left; width: 100%;}
}
@media (max-width: 575px){
	.header-wrap .header-right{width: 300px;}
}