@media(max-width:1024px){
	
}
@media(max-width:980px){
	.banner .btn{margin-top:1em!important;}
	.hm-vis .vis-txt-block, .hm-vis .mis-txt-block{padding:20px; line-height:22px;}
	.hm-vis .mis-txt-block, .hm-vis .vis-txt-block{top:14%;}
}
@media(max-width:767px){
    .inner-banner{padding:3em 0;}
    .inner-banner h1{margin-bottom:0!important; font-size:25px!important;}
    h2{font-size:22px!important;}
	.banner h2{font-size:30px!important; text-align:center!important; color:#fff; position:relative;}
	.banner p{font-size:18px!important; text-align:center!important; position:relative; line-height:22px!important; margin:1em 0!important;}
	.banner .btn{position:relative!important; text-align:center;}
	.banner a{padding:8px 20px!important;}
	.menu-toggle{float:right;}
	.site-header-main{padding:0 15px; overflow:hidden;}
	.site-header-menu{float:none!important; clear:both;}
	div#n2-ss-2 [data-hide-mobileportrait="1"]{display:block!important;}
	.hm-about{margin:1em 0; text-align:center;}
	.hm-pro h2:before{left:21%;}
	.hm-pro h2:after{right:21%;}
	.hm-pro.lst {margin-bottom:2em;}
	.hm-pro .item .wp-caption .wp-caption-text{font-size:18px;}
	.hm-vis .vis-txt-block, .hm-vis .mis-txt-block{position:relative; top:0; left:0!important;}
	.hm-vis .elementor-6 {padding:0!important;}
	.hm-vis .vis-txt-block, .hm-vis .mis-txt-block{position:relative; top:0; left:0!important;}
	.hm-vis{padding:2em;}
	.hm-vis .elementor-widget-wrap{padding:0!important;}
	.hm-vis.elementor-section .elementor-container{margin:1em 0 0 0!important;}
	.site-footer .main-navigation .primary-menu{border-bottom:none;}
	.site-footer h5:after{top:10%;}
	.site-footer h5{font-size:18px;}
	
	.banner div#n2-ss-2 .n2-ss-button-container{width: 120px; left: 300%; position: absolute;}
	.site-footer h5{margin-bottom:8px;}
	.site-footer p {margin-bottom: 9px!important;}
	.site-footer .address{margin-top:1em;}
	.site-footer .main-navigation a, .site-footer .widget li a{padding-left:0;}
	.md-7 {padding-top:1em;}
}

@media(max-width:480px){
	.banner h2{font-size:26px!important; margin:0 0 1em 0!important;}
	.banner p{font-size:14px!important; line-height:20px!important; }
	.banner a{padding:5px 20px!important;}
	.hm-pro h2:before{left:14%; width:40px;}
	.hm-pro h2:after{right:14%; width:40px;}
	.banner .n2-ss-slider{height:30vh;}
}

@media(max-width:360px){
	.hm-pro h2:before{left:3%;}
	.hm-pro h2:after{right:3%;}
	
}