@media screen and (min-width: 1920px) {
	.service-item-img img {
    width: 90px;
}
.service-item-img-second img {
    width: 90px;
}


}
@media screen and (min-width: 1440px) {
	.service-item-img img {
    width: 67px;
}
.service-item-img-second img {
    width: 67px;
}
}

@media screen and (max-width: 1399px) 
{
	.slider-fade2 .item h1 {
		font-size: 57px;
		line-height: 70px;		
		letter-spacing: -3px;
		font-weight: 900;
		text-shadow: 0 0 60px rgba(0, 0, 0, 0.9)
	}

	.about-style-02 .about-video {
		top: 15%
	}
	.about-style-02 .about-video {
		top: -12%;
		left: 12%
	}

	.navbar-nav li a 
	{
    	font-size: 14px!important;
	}




}


@media only screen and (max-width: 1360px) 
{

 


}









@media screen and (max-width: 1199px) 
{
	.slider-fade2 .item h1 {
		font-size: 90px;
		line-height: 90px;
		letter-spacing: -3px
	}

	.page-title-section {
		padding: 170px 0 90px 0
	}

	.page-title-section h1 {
		font-size: 52px;
		margin-bottom: 10px
	}

	.card-style-05 .card-body .portfolio-content {
		bottom: 15px;
		left: 25px
	}

	.card-style-05 .card-body .portfolio-icon .top-icon a {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 17px
	}

	.card-style-06 .card-body .service-inner {
		margin-bottom: 10px
	}

	.card-style-06:hover .card-body {
		bottom: -90px
	}

	.card-style16 {
		padding: 35px 20px 33px 20px
	}

	.card-style16 .card-icon-box {
		right: -80px;
		bottom: -71px;
		height: 190px;
		width: 190px;
		padding: 36px 36px;
		font-size: 55px
	}

	.video_btn {
		height: 75px;
		width: 75px;
		line-height: 75px
	}

	.video_btn:after {
		height: 75px;
		width: 75px
	}

	.video_btn:before {
		height: 90px;
		width: 90px
	}


	.card-style18 .card-body {
		padding: 22px
	}

	.card-style02 .card-icons {
		width: 85px;
		height: 85px;
		line-height: 85px;
		margin-bottom: 9px
	}

	.card-style02 .card-icons img {
		position: absolute;
		top: 18px;
		left: 18px
	}

	.card-style02 .card-body {
		padding: 40px 42px 37px
	}

	.card-style02 .card-body h3 {
		margin-bottom: 9px
	}

	.card-style02 .card-item {
		min-height: 420px;
		height: 100%
	}

	.video_btn2 {
		height: 75px;
		width: 75px;
		line-height: 75px
	}

	.video_btn2:after {
		height: 75px;
		width: 75px
	}

	.video_btn2:before {
		height: 90px;
		width: 90px
	}

	.about-style-01 .about-content .about-list {
		margin-top: 0px;
		padding-top: 0px
	}

	.about-style-01 .about-content .about-list .about-author {
		border-radius: 5px;
		margin-right: 20px;
		margin-top: 0px;
		padding: 24px 22px 19px 39px
	}
	.about-style-03 .exp-box {
		right: -30px
	}

	.about-style-05 .about-content .about-list {
		margin-top: 0px;
		padding-top: 0px
	}

	.about-style-05 .about-content .about-list .about-author {
		border-radius: 5px;
		margin-right: 20px;
		margin-top: 0px;
		padding: 24px 22px 19px 39px
	}

	.faq-style-1 .faq-content {
		padding: 30px
	}


	.call-to-action .video-img {
		margin-top: -12%
	}

	.countdown li {
		min-width: 115px;
		padding: 20px
	}

	.countdown li span {
		font-size: 35px
	}


	.contact-us {
		padding: 40px
	}

	.contact-us .contact-details {
		padding: 30px 31px 30px;
		margin-left: 7px
	}

	.why-choose-icon {
		padding: 9px
	}

	.why-us-02 {
		background-image: none !important
	}

	.whychoose-img-box {
		padding: 19px 12px 34px 20px;
		width: 207px
	}

	.whychoose-img-box .chooce-lain:after {
		bottom: -18px
	}

	.why-choose-style01 {
		padding-bottom: 0 !important
	}

	.why-choose-style01:before {
		display: none
	}

	.footer-style2>.container {
		padding-top: 70px;
		padding-bottom: 70px
	}




}




@media screen and (min-width: 992px) 
{
	.header-style1.scrollHeader .attr-nav>ul>li>a.btn-style1 {
		color: #fff;
		border: 1px solid transparent
	}

	.header-style1.scrollHeader .attr-nav>ul>li>a.btn-style1:hover,
	.header-style1.scrollHeader .attr-nav>ul>li>a.btn-style1:active,
	.header-style1.scrollHeader .attr-nav>ul>li>a.btn-style1:focus {
		color: #ff497c;
		border: 1px solid #ff497c
	}
	.vw-lg-50 {
		width: 50vw
	}

	.header-style3.scrollHeader .attr-nav>ul>li>a.btn-style1 {
		color: #fff;
		border: 1px solid transparent
	}

	.header-style3.scrollHeader .attr-nav>ul>li>a.btn-style1:hover,
	.header-style3.scrollHeader .attr-nav>ul>li>a.btn-style1:active,
	.header-style3.scrollHeader .attr-nav>ul>li>a.btn-style1:focus {
		color: #ff497c;
		border: 1px solid #ff497c
	}

	.menu_area-light .navbar ul ul li.active>a,
	.menu_area-light .navbar-nav li.has-sub a:hover {
		color: #ff497c
	}

	.menu_area-light .navbar>ul>li.has-sub>a:hover:after {
		border-color: #ff497c
	}

	.menu_area-light.scrollHeader .navbar-nav>li.has-sub>a:hover {
		color: #ff497c
	}

	.header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover {
		color: #ff497c
	}

	.header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover:after {
		border-color: transparent #ff497c #ff497c transparent
	}

	.header-style2 .navbar>ul>li.has-sub.current>a:hover:after {
		border-color: transparent #ff497c #ff497c transparent
	}

	.header-style2.scrollHeader .navbar-nav li.current>a {
		color: #ff497c
	}

	.header-style2.scrollHeader .navbar-nav li.current>a:hover {
		color: #ff497c
	}

	.header-style2.scrollHeader .navbar>ul>li.current>a:after {
		border-color: transparent #ff497c #ff497c transparent
	}

	.header-style2 .navbar ul ul li.active>a {
		color: #ff497c
	}

	.header-style2 .navbar-nav li.has-sub a:hover,
	.header-style2 .navbar-nav li.has-sub a:active,
	.header-style2 .navbar-nav li.has-sub a:focus {
		color: #ff497c
	}

	.header-style2 .navbar-nav li.current>a,
	.header-style2 .navbar-nav li.active>a {
		color: #ff497c
	}

	.header-style2 .navbar>ul>li.has-sub>a:hover:after,
	.header-style2 .navbar>ul>li.has-sub>a:active:after,
	.header-style2 .navbar>ul>li.has-sub>a:focus:after {
		border-color: transparent #ff497c #ff497c transparent
	}

	.header-style2 .navbar ul ul li.active>a {
		color: #ff497c
	}

	.header-style2 .butn.secondary:before {
		background: #ffffff
	}

	.header-style2 .butn.secondary:hover,
	.header-style2 .butn.secondary:focus,
	.header-style2 .butn.secondary:active {
		color: #1f2732 !important
	}

	.header-style2.scrollHeader .butn.secondary:before {
		background: #ff497c
	}

	.header-style2.scrollHeader .butn.secondary:hover,
	.header-style2.scrollHeader .butn.secondary:focus,
	.header-style2.scrollHeader .butn.secondary:active {
		color: #fff !important
	}


	.header-style3 .navbar-nav li.active>a {
		color: #ff497c
	}

	.header-style3 .navbar-nav>li>a:hover,
	.header-style3 .navbar-nav>li>a:active,
	.header-style3 .navbar-nav>li>a:focus {
		color: #ff497c
	}

	.header-style3 .navbar ul ul li.active>a {
		color: #ff497c
	}

	.header-style3 .navbar-nav li.has-sub a:hover,
	.header-style3 .navbar-nav li.current>a {
		color: #ff497c
	}

	.header-style3 .navbar-nav>li.has-sub>a:hover {
		color: #ff497c
	}

	.header-style3 .navbar>ul>li.has-sub>a:hover:after,
	.header-style3 .navbar>ul>li.current>a:after {
		border-color: transparent #ff497c #ff497c transparent
	}

	.header-style3.scrollHeader .navbar-nav>li.has-sub>a:hover {
		color: #ff497c
	}

	.header-style3.scrollHeader .navbar>ul>li.has-sub>a:hover:after {
		border-color: transparent #ff497c #ff497c transparent
	}

	.header-style3.scrollHeader .navbar-nav>li.active>a {
		color: #ff497c
	}

	.header-style3.scrollHeader .navbar-nav li.current>a {
		color: #ff497c
	}

	.header-style3.scrollHeader .navbar-nav li.current>a:hover {
		color: #ff497c
	}

	.header-style3.scrollHeader .navbar>ul>li.current>a:after {
		border-color: transparent #ff497c #ff497c transparent
	}



}



@media screen and (max-width: 991px) 
{
	.header-style1 .navbar-toggler {
		background: #ff497c
	}

	.header-style1 .navbar-toggler:after {
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff
	}

	.header-style1 .navbar-toggler:before {
		background: #fff
	}

	.header-style1 .navbar-toggler.menu-opened:after,
	.header-style1 .navbar-toggler.menu-opened:before {
		background: #fff
	}

	.header-style3 .navbar-toggler {
		background: #ff497c
	}

	.header-style3 .navbar-toggler:after {
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff
	}

	.header-style3 .navbar-toggler:before {
		background: #fff
	}

	.header-style3 .navbar-toggler.menu-opened:after {
		background: #fff
	}

	.header-style3 .navbar-toggler.menu-opened:before {
		background: #fff
	}

	.banner-style01 .main-title {
		font-size: 100px
	}

	.slider-fade2 .item h1 {
		font-size: 70px;
		line-height: 65px;
		letter-spacing: -2px
	}

	.title-sm.banner:before {
		bottom: 7px
	}

	.title-sm:before {
		bottom: 3px
	}

	.section-title-03 .title-sm.banner:before {
		bottom: 7px
	}

	.section-title-03 .title-sm:before {
		bottom: 3px
	}

	.page-title-section {
		padding: 150px 0 90px 0
	}

	.page-title-section.style1 {
		padding: 130px 0
	}

	.page-title-section h1 {
		font-size: 48px
	}

	.card-style-06:hover .card-body {
		bottom: -40px
	}

	.video_btn {
		height: 70px;
		width: 70px;
		line-height: 70px
	}

	.video_btn:after {
		height: 70px;
		width: 70px
	}

	.video_btn:before {
		height: 85px;
		width: 85px
	}

	@keyframes pulse-border {
		0% {
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1)
		}

		100% {
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2)
		}
	}


	.video_btn2 {
		height: 70px;
		width: 70px;
		line-height: 70px
	}

	.video_btn2:after {
		height: 70px;
		width: 70px
	}

	.video_btn2:before {
		height: 85px;
		width: 85px
	}

	@keyframes pulse-border {
		0% {
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1)
		}

		100% {
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2)
		}
	}


	ul.resp-tabs-list {
		display: none
	}

	h2.resp-accordion {
		display: block
	}

	h2.resp-accordion i {
		margin-right: 8px;
		font-size: 20px;
		color: #fff;
		vertical-align: text-bottom
	}

	.resp-vtabs .resp-tab-content {
		margin-bottom: 5px;
		padding: 30px
	}

	.resp-vtabs .resp-tab-content:last-child {
		margin-bottom: 0
	}

	.resp-vtabs .resp-tabs-container {
		border: none !important;
		float: left;
		width: 100%;
		min-height: 100px;
		clear: none;
		background: none
	}

	.resp-accordion-closed {
		display: none !important
	}

	.resp-tab-content {
		background-color: #fff;
		border-radius: 0;
		border: 1px solid #eee;
		margin-bottom: 5px;
		padding: 30px
	}

	.resp-tab-content:last-child {
		margin-bottom: 0
	}

	.accordion-style .card-body {
		padding: 10px 25px 30px 25px
	}

	.accordion-style.style2 .btn-link {
		padding: 15px 46px 15px 0
	}

	.accordion-style.style2 .btn-link:after,
	.accordion-style.style2 .btn-link.collapsed:after {
		top: 18px
	}

	.accordion-style.style2 .card-body {
		padding: 15px 0 0 0
	}

	.accordion .accordion-button {
		padding: 15px 50px 15px 15px;
		font-size: 16px
	}

	.accordion .accordion-button.collapsed:after,
	.accordion .accordion-button:after {
		right: 15px;
		font-size: 16px;
		height: 22px;
		line-height: 19px;
		width: 22px;
		top: 13px
	}

	.accordion .card-body {
		padding: 20px 15px
	}

	.service-carousel-02.owl-theme .owl-nav [class*='owl-'] {
		left: -19%
	}

	.service-carousel-02.owl-theme .owl-nav .owl-next {
		right: -19%;
		left: inherit
	}

	.about-style-02 .about-video {
		top: 20%;
		left: 6%
	}

	.about-style3 .about-quote {
		bottom: -30px
	}

	.about-style-03 .exp-box {
		right: 60px
	}

	.info-style-01 {
		margin-top: 70px
	}

	.info-style-01 .info-wrapper {
		padding: 35px
	}

	.process-style-01 img {
		transform: scale(1.4);
		margin-bottom: 60px
	}

	.main-process .line-shape {
		display: none
	}

	.process-style-03:after {
		content: none
	}

	.process-style-04:before,
	.process-style-04.arrow-top:before {
		content: none
	}

	.process-style-04 .icon-holder {
		margin-bottom: 20px;
		width: 90px;
		height: 90px;
		padding: 15px
	}

	.portfolio-counter {
		padding-bottom: 329px
	}

	.portfolio-counter .counter-main {
		padding-right: 44px
	}

	.portfolio-counter .counter-main div {
		font-size: 64px
	}

	.testimonial-carousel3.owl-theme .owl-dots {
		text-align: center
	}

	.counter-style2 {
		border-right: none
	}

	.counter-style2:after {
		content: none
	}

	.social-icon-style2.small li a {
		width: 30px;
		height: 30px;
		line-height: 30px
	}

	.contact-form {
		margin-right: 0
	}




}






@media screen and (max-width: 767px) 
{
	.slider-fade2 .item h1 {
		letter-spacing: -1px;
		font-size: 45px;
		line-height: 43px
	}

	.card-style02 .card-body {
		padding: 31px 19px 31px
	}

	.card-style02 .card-item {
		min-height: 340px;
		height: 100%
	}

	.slider-fade2 .item h1 {
		letter-spacing: -1px;
		font-size: 45px;
		line-height: 43px
	}

	.card-style02 .card-body {
		padding: 31px 19px 31px
	}

	.card-style02 .card-item {
		min-height: 340px;
		height: 100%
	}

	.history-year {
		transform: translateX(-50%)
	}

	.prev-page,
	.next-page {
		width: calc(100% - 20px);
		max-width: unset
	}

	.prev-page+.next-page {
		margin-top: 0
	}

	.page-navigation {
		flex-direction: column
	}
	footer {
		padding-top: 60px
	}

	.footer-style2 {
		padding-top: 0
	}

	.footer-style2>.container {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.footer-style2 h3 {
		margin-bottom: 20px
	}

	.video_btn {
		height: 60px;
		width: 60px;
		line-height: 60px
	}

	.video_btn:after {
		height: 60px;
		width: 60px
	}

	.video_btn:before {
		height: 75px;
		width: 75px
	}

	.video_btn2 {
		height: 60px;
		width: 60px;
		line-height: 60px
	}

	.video_btn2:after {
		height: 60px;
		width: 60px
	}

	.video_btn2:before {
		height: 75px;
		width: 75px
	}

	.portfolio-style3 .portfolio-content .portfolio-inner-content {
		padding: 15px
	}

	.accordion-style.style2 .btn-link,
	.accordion-style.style2 .card-body {
		font-size: 15px
	}

	.service-sidebar .widget {
		padding: 25px 20px
	}

	.about-style-03 .exp-box {
		right: 10px
	}

	.about-style-06 .about-boxs {
		display: none
	}

	.portfolio-counter .counter-main {
		padding: 0;
		border-right: none
	}

	.portfolio-counter .counter-main div {
		font-size: 52px
	}
	.counter-style1 .count-block {
		position: inherit
	}

	.countdown li {
		min-width: 98px;
		padding: 15px;
		margin: 10px 5px
	}

	.countdown li span {
		font-size: 30px
	}

	.coming-soon:before {
		width: 100%
	}


}





@media screen and (max-width: 575px) 
{
	.banner-style01 .main-title {
		font-size: 50px
	}

	.page-title-section {
		padding: 130px 0 80px 0
	}

	.page-title-section.style1 {
		padding: 100px 0
	}

	.page-title-section h1 {
		font-size: 36px
	}

	.card-style-05 .card-body .portfolio-icon .top-icon a {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 14px
	}

	.card-style20 .card-content {
		margin: -55px 15px 0 15px;
		padding: 20px
	}


	.contact-us {
		padding: 30px 19px 31px 19px
	}

	.contact-us .contact-info {
		padding: 0 0 18px;
		margin-bottom: 21px
	}

	.contact-us .contacts-icon {
		margin-right: 13px;
		width: 48px;
		height: 48px;
		line-height: 48px
	}

	.contact-us .contact-details {
		padding: 19px 19px 19px;
		margin-left: 7px
	}

	.contact-us .contacts-title h6 {
		font-size: 13px;
		line-height: 21px
	}


	.why-choose-video {
		margin-bottom: 15px
	}


	.prev-page .page-info>a,
	.next-page .page-info>a {
		padding: 10px
	}

	.prev-page .page-info .prev-title,
	.prev-page .page-info .next-title {
		max-width: 168px
	}

	.next-page .page-info .prev-title,
	.next-page .page-info .next-title {
		max-width: 168px
	}

	.pagination li {
		margin-right: 8px
	}

	.resp-vtabs .resp-tab-content,
	.resp-tab-content {
		padding: 20px
	}

	.accordion .accordion-button {
		padding: 15px 50px 15px 15px
	}

	.about-style-01 .about-content .about-list {
		display: inline-block
	}

	.about-style-01 .about-content .about-list .about-author {
		margin-bottom: 2rem
	}

	.about-style-02 .about-video {
		top: 50%;
		left: 50%
	}

	.about-style-03 .exp-box .box-inner {
		padding: 10px 20px 15px 20px
	}

	.about-style-03 .exp-box .box-inner:before {
		bottom: -14px;
		left: -13px;
		border-left: 20px solid transparent;
		border-top: 20px solid #ff497c;
		border-right: 20px solid transparent
	}

	.about-style-05 .about-us .about-inner {
		padding: 15px 21px
	}

	.about-style-05 .about-us .about-inner.viceo {
		padding-right: 65px
	}

	.about-style-05 .about-content .about-list {
		display: inline-block
	}

	.about-style-05 .about-content .about-list .about-author {
		margin-bottom: 2rem
	}

	.feature-main {
		padding: 25px
	}



}



@media screen and (max-width: 480px) {
	.top-bar{
		display: none!important;
	}
	.header-style2{
		border-top: 2px solid #ff497c !important;
	}
	.min-vh-100{
		min-height: 50vh !important;
	}
	.info-style-01{
		margin-top: 0px!important;
	}
	.slider-fade2 .item h1 
	{    
	    font-size: 23px!important;
	    line-height: 30px!important;
	}
  /*.slider-fade2 .bg-img{
  	height: 100%!important;
  }*/
  .slider-fade2 .item{
  	height: 60vh!important;
  }

  .navbar {
  height: 65px!important;
}

.about-style-06 .about-boxs{
	width: 150px!important;
	height: 150px!important;
}
  .about-style-06 .about-boxs {
    display: block!important;
    padding: 20px 0px 0px 0px;
  }
	
}
@media screen and (max-width: 428px) {
	#header-ecommerce-submenu li {
    display: block;
    width: 100%!important;
    float: left;
	}
	
}
@media screen and (max-width: 400px) {
	
}
@media screen and (max-width: 360px) {
	
}