@media only screen and (min-width: 1200px) and (max-width: 1300px){
    .slick-arrow{
        --arrow-horizontal: 0px
    }
}

@media only screen and (min-width: 1400px){
    .menu-style8 {
        text-align: right;
    }
}

@media only screen and (max-width: 1199px){
	.menu-style8 > ul > li > a{
		font-size: 15px;
	}
	.menu-style8 > ul > li{
		margin: 0 7px;
	}
	.header-top-info-eight li+li{
		margin-left: 25px;
	}
	.header8-logo{
		padding: 12px 0px;
	}
	.banner-arrows{
		bottom: 30px;
	}
	.custom-arrows-eight .slick-dots li button{
		font-size: 20px;
	}
	.custom-arrows-eight .slick-dots li:before, 
	.custom-arrows-eight .slick-dots li.slick-active:before{
		width: 20px;
	}
	.custom-arrows-eight .slick-dots li,
	.custom-arrows-eight .slick-dots li.slick-active{
		margin-right: 32px;
	}
	.banner-sec-info{
		width: 520px;
	}
	.banner-sec-info h1{
		font-size: 32px;
	}
	.title-area-four h2{
		font-size: 40px;
	}
	.skill-content p{
		margin: 18px 0;
	}
	.counter-box .circle_inbox{
		width: 155px;
    	height: 155px;
	}
	.counter-box .circle_percent{
		width: 165px;
    	height: 165px;
	}
	.progress-title{
		font-size: 15px;
	}
	.counter-box .percent_text{
		font-size: 38px;
	}
	.circle-column{
		margin-right: 15px !important;
	}
	.counter-box{
		margin-top: 20px;
	}
	.appointment-area-left h2{
		font-size: 28px;
		padding-left: 70px;
	}
	.appointment-area-left i{
		font-size: 26px;
    	width: 60px;
    	height: 60px;
    	line-height: 60px;
        top: -8px;
	}
	.appointment-area-left p{
		font-size: 17px;
	}
    .service-tabs .nav-tabs .nav-link{
        padding: 10px 23px;
    }
    .service-tab-content .title{
        font-size: 29px;
    }
	.service-tab-content .ser-img-nine{
		width: 320px;
		height: 320px;
		top: 120px;
    	left: -155px;
	}
	.service-tab-content .ser-img-nine::before{
		width: 350px;
    	height: 350px;
	}
    .vs-widget-about-eight .footer-text{
    	margin: 20px 0;
    }
    .widget-area.v8{
    	padding: 70px 0 20px;
    }
    .menu-eight.v1{
    	margin-right: 0;
    }
  	.form-wrap3 .form-title h3{
  		font-size: 32px;
  	}
  	.form-wrap3 .form-title p{
  		font-size: 16px;
  	}
  	.contact-information h2{
  		font-size: 30px;
        line-height: 36px;
  	}
  	.contact-information p{
  		font-size: 16px;
  		margin-bottom: 10px;
  	}
  	.contact-information{
  		padding: 0;
  	}
  	.blog-content-seven{
  		padding: 15px;
  		padding-top: 5px;
  	}
  	.blog-content-seven h3{
  		font-size: 18px;
  		margin-bottom: 2px;
  	}
  	.blog-content-seven p{
  		font-size: 14.4px;
  		margin-bottom: 10px;
  	}
  	.blog-content-seven a{
  		margin-top: 10px;
  		height: 42px;
    	line-height: 42px;
    	padding: 0 25px 0 15px;
    	font-size: 16px;
  	}
  	.lightbox-gallery h3{
  		font-size: 28px;
  	}
  	.lightbox-gallery.space, .video-gallery.space{
  		padding: 55px 0;
  	}
  	.video-gallery iframe{
  		height: 255px;
  	}
    .logo-icon img{
        width: 75px;
    }
    .logo-text h1{
        font-size: 32px;
    }
    .logo-text h2{
        font-size: 14px;
    }
    .logo-header{
        gap: 10px;
    }
    .main-menu ul.sub-menu li{
        padding: 4px 0px;
    }
    .banner-slide{
        height: 440px;
    }
    .exp-box-eight{
        width: 358px;
        bottom: 151px;
        left: -151px;
    }
    .vs-widget-about-eight{
        padding: 0;
        margin-left: -40px;
    }
    .about-area .about-img-eight{
        width: 377px;
    }
    .blog-meta-two span, .blog-meta-two a{
        font-size: 15px;
    }
    .testi-form-title .content-box span{
        font-size: 15px;
        line-height: 34px;
    }
}

@media only screen and (min-width: 992px){
    .service-tabs .nav-tabs .nav-link-pad{
        padding-right: 80px;
    }
}

@media only screen and (max-width: 991px){
	.header-top-info-eight li{
		font-size: 15px;
        padding-left: 25px;
	}
    .header-top-eight .btn-style8{
        padding: 6px 16px;
    }
	.header-top-info-eight li i{
		font-size: 15px;
		top: 6px;
	}
	 .header-social-eight li a{
		font-size: 15px;
	}
	.header-top-info-eight{
		margin-right: 20px;
	}
	.header-social-eight li{
		padding-right: 7px;
    	padding-left: 7px;
	}
	.header-top-info-eight li+li{
		margin-left: 12px;
	}
	.header8-logo {
        padding: 14px 0px 16px;
    }
    .vs-mobile-menu > ul{
    	padding: 0 25px;
    }
    .banner-sec-info {
        width: 440px;
    }
    .banner-sec-info h1 {
        font-size: 23px;
        margin-bottom: 7px;
    }
    .banner-sec-info p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .banner-content .btn-style8{
        padding: 5px 15px;
    }
    .banner-arrows{
        bottom: 20px;
    }
    .about-content-eight h2{
    	font-size: 34px;
    }
    .about-content-eight h3{
    	font-size: 18px;
    }
    .about-content-eight .about-title{
    	margin-bottom: 12px;
    	padding-bottom: 10px;
    }
    .exp-box-eight .exp-content .title{
    	font-size: 20px;
    	line-height: 22px;
    }
    .skill-img{
    	display: none;
    }
    .circle-column {
        margin-right: 40px !important;
    }
    .space{
    	padding: 60px 0;
    }
    .title-area-four h2 {
        font-size: 36px;
    }
    .appointment-area-comtent{
    	display: block;
    	text-align: center;
    }
    .appointment-area-left, .appointment-area-right{
    	width: 100%;
    }
    .appointment-area-left i {
        position: static;
        margin-right: 10px;
    }
    .appointment-area-left h2{
    	padding-left: 0;
        font-size: 30px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .service-tabs .nav-tabs li+li {
        margin-left: 1px;
    }
    .service-tabs .nav-tabs .nav-link{
        font-size: 17px;
        padding: 8px 13px;
    }
    .service-tab-content{
        padding: 15px 20px;
    }
    .service-tab-content .ser-img-nine::before {
        width: 220px;
        height: 220px;
        top: -10px;
    	left: -10px;
    	border: 2px solid #fd8674;
    }
    .service-tab-content .ser-img-nine{
    	width: 200px;
        height: 200px;
        top: 20px;
        left: 20px;
    }
    .service-tab-content .ser-img-nine .icon-box{
    	width: 80px;
    	height: 80px;
    	line-height: 80px;
    	top: 20px;
    	right: -30px;
    }
    .service-tab-content .ser-img-nine .icon-box img{
    	width: 50px;
    }
    .service-tab-content .title{
    	font-size: 28px;
    }
	.testimonial-section-eight .title-area-four h2 {
    	text-align: center;
	}
	.testi-content-eight{
		padding: 30px;
	}
	.testimonial-section-eight .form-wrap4{
		margin-top: 60px;
	}
	.testi-form-title .content-box .title {
        font-size: 30px;
    }
    .widget_title-eight{
    	font-size: 28px;
    }
    .vs-widget-about-eight{
        margin-left: 0;
    }
    .widget-area.v8 {
        padding: 60px 0 20px;
    }
    .breadcumb-wrapper{
    	padding: 55px 0;
    }
    .breadcumb-title{
    	font-size: 36px;
    }
    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span{
    	font-size: 16px;
    }
    .breadcumb-menu li i, .breadcumb-menu a i, .breadcumb-menu span i{
    	font-size: 18px;
    }
    .about-area .about-img-eight{
    	width: 275px;
    }
    .sidebar-area .widget_title {
    	font-size: 25px;
    	padding: 0 0 12px 0;
	}
    .widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, 
    .widget_categories a{
        font-size: 16px;
        line-height: 24px;
        padding-right: 28px;
    }
	.widget_nav_menu li > span, .widget_meta li > span, .widget_pages li > span, 
	.widget_archive li > span, .widget_categories li > span{
		width: 20px;
    	height: 25px;
    	line-height: 25px;
    	font-size: 10px;
    	right: 6px;
    	top: 12px;
	}
	.blog-single h2{
		font-size: 30px;
        line-height: 34px;
	}
	.testi-auther-eight .title{
		font-size: 26px;
	}
	.lightbox-gallery h3 {
        font-size: 26px;
    }
    .video-gallery iframe {
        height: 180px;
        border-radius: 20px;
    }
    .vs-contact-wrapper .form-wrap3{
    	margin-top: 40px;
    }
    .map iframe{
    	height: 320px;
    }
    .banner-slide {
        height: 340px;
    }
    .banner-sec-info {
        width: 370px;
    }
    .about-img-eight, .about-area .about-img-eight{
        width: 377px;
        margin: 0 auto 20px;
        float: none;
    }
    .about-order{
        order: -1;
    }
    .exp-box-eight{
        bottom: 156px;
        left: -156px;
    }
    .about-content-eight{
        text-align: center;
    }
    .btn-style8, .appointment-area-right .btn-style8{
        padding: 7px 20px;
    }
    .testimonial-section-eight .title-area-four{
        margin-top: 60px;
    }
    .foot-order{
        order: -1;
    }
    .about-list-area{
        text-align: left;
    }
    .vs-accordion.two .accordion-item .accordion-header .accordion-button{
        padding: 0 20px;
        font-size: 18px;
    }
    .vs-accordion.two .accordion-item .accordion-collapse .accordion-body{
        padding: 0 20px;
    }
    .vs-accordion.two .accordion-item{
        padding: 15px 0;
    }
    .vs-accordion.two .accordion-item .accordion-header .accordion-button::before{
        right: 20px;
    }
    .contact-order{
        order: -1;
    }
}

@media only screen and (max-width: 767px){
	.head-display2, .head-display1{
		display: none !important;
	}
	.header-top-info-eight li+li {
        margin-left: 15px;
    }
    .header-top-info-eight {
        margin-right: 0;
    }
    .head-top-links-eight{
    	justify-content: space-between;
    }
    .header-top-info-eight li{
    	font-size: 16px;
    }
    .banner-slide {
        height: 270px;
    }
    .banner-sec-info {
        width: 275px;
    }
    .banner-sec-info h1{
        font-size: 22px;
        margin-bottom: 12px;
    }
    .banner-sec-info p{
    	display: none;
    }
    .about-img-eight, .about-area .about-img-eight{
    	width: 320px;
    }
    .about-content-eight{
    	text-align: center;
    }
    .skills-section .title-area-four h2 {
        font-size: 30px;
    }
    .circle-column {
        margin-right: 11px !important;
    }
    .counter-box .circle_inbox {
        width: 150px;
        height: 150px;
    }
    .counter-box .circle_percent {
        width: 161px;
        height: 161px;
    }
    .appointment-area-left i{
    	display: none;
    }
    .appointment-area-left h2{
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 15px;
    }
    .appointment-area-left p {
        font-size: 16px;
    }
    .service-section-nine .title-area-four h2 {
        font-size: 36px;
    }
    .service-tabs {
       margin-bottom: 30px;
    }
    .service-tabs .nav-tabs .nav-link i{
    	font-size: 12px;
    	margin-right: 6px;
        left: 8px;
        top: 19px;
    }
    .service-tab-content .title {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .testi-content-eight .quote-r{
    	margin-top: -35px;
    }
    .testi-form-title {
    	padding: 20px;
    }
    .form-box-three {
    	padding: 35px;
	}
	.menu-eight li+li {
    	margin-top: 10px;
	}
	.copyright-text-eight p{
		line-height: 23px;
	}
	.footer-social-links-eight li a{
		width: 35px;
    	height: 35px;
    	line-height: 35px;
    	font-size: 14px;
	}
	.about-list-area{
		text-align: left;
		padding: 25px;
		padding-bottom: 15px;
	}
	.breadcumb-wrapper {
        padding: 45px 0;
    }
    .breadcumb-title {
        font-size: 34px;
    }
    .sidebar-area{
    	display: none;
    }
    .blog-single h2 {
        font-size: 28px;
    }
    .blog-single h3{
        font-size: 22px;
    }
    .blog-details .blog-single .blog-img {
    	margin: 25px 0;
	}
	.blog-content-seven h3{
		line-height: 24px;
		margin-bottom: 10px;
	}
	.blog-img-seven iframe{
		height: 160px;
	}
	.vs-blog-wrapper-seven.space {
    	padding: 50px 0;
	}
	.testimonial-section-eight2.space{
		padding: 55px 0 40px;
	}
	.lightbox-gallery h3 {
        font-size: 24px;
        margin: 20px 0 10px 0;
    }
    .space {
        padding: 55px 0;
    }
    .lightbox-gallery.space, .video-gallery.space {
        padding: 50px 0;
    }
    .video-gallery iframe{
    	height: 285px;
    }
    .map iframe{
    	height: 300px;
    }
    .exp-box-eight{
        bottom: 129px;
        left: -129px;
        width: 304px;
    }
    .about-content-eight p, .service-box .sr-content p, .testi-info-eight p,
    .vs-accordion.two .accordion-item .accordion-collapse .accordion-body p,
    .vs-widget-about-eight .footer-text, .about-list-eight li, .blog-single p,
    .blog-single ul li, .attach-data p{
        font-size: 15px;
        line-height: 24px;
    }
    .btn-style8, .service-box .btn-style8{
        font-size: 16px;
        padding: 4px 16px;
        border-radius: 13px 3px;
    }
    .service-box{
        padding: 12px;
        border: 1px solid #8511002e;
    }
    .service-box .sr-icon i{
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 28px;
    }
    .service-box .sr-icon{
        padding: 5px;
    }
    .service-box .sr-content h3{
        font-size: 19px;
    }
    .menu-eight li a, .footer-link-eight li, .quick-links li a, .copyright-text-eight p{
        font-size: 15px;
    }
    .footer-social-links-eight{
        display: none;
    }
    .lower-footer{
        justify-content: center;
    }
    .copyright-wrap-eight{
        padding: 12px 20px;
        border-radius: 35px 35px 0 0;
    }
    .footer-link-eight li i{
        font-size: 15px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .footer-link-eight li{
        padding-left: 45px;
    }
    .foot-map{
        height: 80px;
    }
    .widget_title-eight {
        font-size: 24px;
    }
    .attach-data h2{
        font-size: 22px;
    }
    .testimonial-section-eight2, .gallery{
        padding: 50px 0;
    }
    .testi-auther-eight .title {
        font-size: 22px;
    }
    .attach-map{
        height: 230px;
    }
    .gallery-slider-section{
        padding: 10px 0;
    }
}

@media only screen and (max-width: 575px){
    .logo-icon img{
        width: 60px;
    }
    .logo-text h1{
        font-size: 22px;
    }
    .logo-text h2 {
        font-size: 13px;
    }
    .vs-mobile-menu ul li a{
    	font-size: 14px;
    	line-height: 22px;
    	padding-left: 15px;
    }
    .banner-slide {
        height: 250px;
    }
    .banner-sec-info {
        width: 275px;
    }
    .banner-sec-info h1 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .banner-sec-info .btn-style8{
    	font-size: 12px;
        height: 29px;
        line-height: 26px;
        padding: 0 18px 0 10px;
    }
    .custom-arrows-eight .slick-dots li button {
        font-size: 14px;
    }
    .custom-arrows-eight .slick-dots li:before, 
    .custom-arrows-eight .slick-dots li.slick-active:before{
        width: 10px;
    }
    .custom-arrows-eight .slick-dots li, .custom-arrows-eight .slick-dots li.slick-active{
        margin-right: 19px;
    }
	.about-img-eight, .about-area .about-img-eight{
		width: 270px;
	}
	.head-display1{
		display: none !important;
	}
	.vs-menu-toggle{
		width: 38px;
        height: 38px;
        line-height: 40px;
        font-size: 20px;
	}
	.header-top-eight {
        padding: 2px 0;
    }
    .space {
        padding: 50px 0;
    }
    .about-img-eight, .about-area .about-img-eight{
    	width: 260px;
    }
    .exp-box-eight .exp-content .title{
    	font-size: 16px;
    }
    .exp-box-eight{
    	padding: 10px;
        bottom: 103px;
        left: -102px;
        width: 246px;
    }
    .about-content-eight h2 {
        font-size: 30px;
    }
    .about-content-eight h3 {
        font-size: 15px;
    }
    .about-content-eight .btn-style8 {
    	margin-top: 0px;
	}
	.skills-section .title-area-four h2 {
        font-size: 28px;
        margin-top: 0;
    }
    .skill-content p{
    	margin: 15px 0 0;
    }
    .progress-title{
    	bottom: 60px;
    	font-size: 14px;
    }
    .counter-box .percent_text {
        font-size: 32px;
        margin-top: -12px;
    }
    .circle-column{
    	margin-right: 0px !important;
    }
    .appointment-area-left h2 {
        font-size: 23px;
        line-height: 31px;
    }
    .appointment-area-left p {
        font-size: 15px;
        margin-top: 6px;
    }
    .service-section-nine .title-area-four h2, .title-area-four h2 {
        font-size: 30px;
    }
    .title-area-four {
        margin-bottom: 30px;
    }
    .service-tabs{
    	margin-bottom: 20px;
    }
    .service-tabs .nav-tabs .nav-link{
    	font-size: 16px;
    	padding: 5px 10px;
    }
    .service-tab-content{
        padding: 10px 15px;
    }
    .service-tabs .nav-tabs .nav-link i {
        font-size: 13px;
        margin-right: 9px;
    }
    .service-tab-content .title{
    	font-size: 22px;
    }
    .attach{
        display: block;
        padding: 10px;
    }
    .attach-map {
        height: 120px;
        margin-bottom: 15px;
    }
    .attach-data h2 {
        font-size: 20px;
    }
    .testi-content-eight{
    	padding: 20px;
    }
    .testi-content-eight .quote-r{
    	padding-right: 10px;
    }
    .testi-auther-eight .title {
        font-size: 20px;
    }
    .testi-content-eight i{
    	font-size: 28px;
    }
    .testi-form-title .icon-box{
    	display: none;
    }
    .testi-form-title{
    	padding: 20px;
    	padding-bottom: 10px;
        text-align: center;
    }
    .testi-form-title .content-box span{
    	font-size: 15px;
        line-height: 26px;
    }
    .form-box-three {
        padding: 20px;
        text-align: center;
    }
    .form-box-three .form-group input, .form-box-three .form-group textarea, 
    .form-box-three .form-group select{
    	height: 45px;
    	font-size: 14px;
    }
    .form-box-three .form-group {
        margin-bottom: 15px;
    }
    .form-box-three .form-group i{
    	font-size: 18px;
    }
    .form-box-three .form-group textarea{
    	height: 100px;
    }
    .widget_title-eight{
    	font-size: 26px;
    	margin-bottom: 25px;
    }
    .lower-footer{
    	display: block;
    	text-align: center;
    }
    .footer-social-links-eight li{
    	display: inline-block;
    	margin-right: 2px;
    }
    .footer-social-links-eight li a{
    	width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .widget-area.v8 {
        padding: 50px 0 30px;
    }
    .menu-eight li+li {
        margin-top: 6px;
    }
    .skill-content{
    	text-align: center;
    }
    .counter-box{
    	display: inline-block;
        margin-top: 0;
    }
    .testi-form-title .content-box .title {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 5px;
    }
    .breadcumb-wrapper{
    	padding: 35px 0;
    }
    .breadcumb-title{
    	font-size: 30px;
        margin-bottom: 5px;
    }
    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
        font-size: 14px;
    }
    .breadcumb-menu li i, .breadcumb-menu a i, .breadcumb-menu span i {
        font-size: 16px;
    }
    .about-list-area h4{
    	font-size: 22px;
    }
    .about-list-area{
    	padding: 20px;
    	padding-bottom: 10px;
    }
    .blog-single{
        padding: 20px;
    }
    .blog-single h2 {
        font-size: 22px;
        line-height: 27px;
    }
    .blog-details .blog-single .blog-img {
        margin: 20px 0;
    }
    .blog-single h3{
    	font-size: 20px;
    }
    .vs-blog-wrapper-seven.space {
        padding: 45px 0;
    }
    .blog-content-seven p{
    	font-size: 14px;
    }
    .blog-content-seven a{
    	margin-top: 6px;
        height: 40px;
        line-height: 38px;
        font-size: 14px;
    }
    .lightbox-gallery.space, .video-gallery.space {
        padding: 40px 0;
    }
    .lightbox-gallery h3{
    	font-size: 20px;
    }
    .video-gallery iframe{
    	height: 240px;
    }
    .contact-information h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .contact-information p, .contact-info-table td{
    	font-size: 15px;
    }
    .contact-information h3{
    	font-size: 18px;
    }
    .contact-information h3 span{
        font-size: 16px;
    }
    .map iframe{
    	height: 230px;
    }
    .form-wrap3 .form-title h3 {
        font-size: 26px;
    }
    .form-title{
    	margin-bottom: 25px;
    }
    .header-top-info-eight li {
        font-size: 14px;
        padding-left: 22px;
    }
    .header-top-eight .btn-style8 {
        padding: 2px 9px;
        font-size: 13.5px;
    }
    .header-top-info-eight li i {
        font-size: 13px;
        top: 7px;
    }
    .logo-header{
        margin-right: 45px;
    }
    .slick-arrow {
        --arrow-horizontal: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        padding: 0;
    }
    .vs-accordion.two .accordion-item .accordion-header .accordion-button{
        font-size: 16px;
        line-height: 22px;
        padding-right: 40px;
    }
    .vs-accordion.two .accordion-item .accordion-header .accordion-button::before{
        right: 15px;
        width: 22px;
        height: 22px;
        line-height: 22px;
    }
    .marquee span{
        font-size: 18px;
    }
    .marquee span i{
        font-size: 22px;
    }
    .marquee{
        padding: 10px 0 2px;
    }
    .btn-whatsapp-pulse{
        padding: 25px;
        font-size: 35px;
    }
    .linkdin{
        font-size: 26px;
    }
    .widget_nav_menu-eight, .quick-links{
        margin-bottom: 25px;
    }
    .breadcumb-content{
        display: block;
    }
    .breadcumb-menu li i, .breadcumb-menu a i, .breadcumb-menu span i{
        width: 28px;
        height: 28px;
        line-height: 28px;
    }
    .coming-soon h2{
        font-size: 40px;
        padding: 45px 0 40px;
    }
    .blog-meta-two span, .blog-meta-two a{
        margin-right: 15px;
        font-size: 14px;
    }
    .blog-meta-two span i, .blog-meta-two a i{
        margin-right: 4px;
    }
    .blog-content{
        padding: 15px;
    }
    .blog-content .title{
        font-size: 19px;
        line-height: 26px;
    }
    .blog-content .btn-style8{
        padding: 2px 14px;
    }
    .vs-blog-wrapper-two{
        padding: 45px 0;
    }
}

@media only screen and (max-width: 480px){
	.banner-sec-info {
        width: 205px;
    }
    .banner-sec-info h1 {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .banner-sec-info .btn-style8{
    	font-size: 12px;
        height: 27px;
        line-height: 24px;
        padding: 0 15px 0 9px;
    }
    .banner-slide {
        height: 200px;
    }
}

@media only screen and (max-width: 345px){
    .banner-sec-info {
        width: 180px;
    }
    .banner-sec-info h1 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .banner-slide {
        height: 180px;
    }
}