@media (min-width: 1600px) and (max-width: 1740px) {
	.contain-section .home-tagline-block h3{ font-size: 48px;;}	
.contain-section .home-tagline-block{ max-width: 1000px;; }	
#header .header-wapper .header-top .logo a img{ height: 80px;; }
#header .header-wapper .header-top .logo{ padding: 0 48px;; } 
.header-right{ min-height: 80px;; }
.main-menu ul li a{ font-size: 18px; padding: 0 32px; min-height: 80px;;}
.banner-text h2{   font-size: 120px;   } 

.block-row-inner .blog-right .blog-text p,
.block-row-inner .blog-right .blog-text h5{ font-size: 30px;}
}

@media (min-width: 1231px) and (max-width: 1599px) {
.contain-section .home-tagline-block h3{ font-size: 48px;;}	
.contain-section .home-tagline-block{ max-width: 1000px;; }	
#header .header-wapper .header-top .logo a img{ height: 80px;; }
#header .header-wapper .header-top .logo{ padding: 0 48px;; } 
.header-right{ min-height: 80px;; }
.main-menu ul li a{ font-size: 16px; padding: 0 32px; min-height: 80px;;}
.banner-text h2{   font-size: 120px;   } 


.block-row-inner .blog-right .blog-text p,
.block-row-inner .blog-right .blog-text h5{ font-size: 28px;}
}
 
@media (min-width: 992px) and (max-width: 1230px) {
.contain-section .home-tagline-block h3{ font-size: 40px;;}		
.contain-section .home-tagline-block{ max-width: 850px;; }	

#header .header-wapper .header-top .logo a img{ height:72px;; }
#header .header-wapper .header-top .logo{ padding: 0 24px;; } 
.header-right{ min-height: 72px;; }
.main-menu ul li a{ font-size: 16px; padding: 0 24px; min-height: 72px;;}
.banner-text h2{   font-size: 100px;   } 
.contain-section{ padding: 100px 0; }

.block-row-inner .blog-right .blog-text p,
.block-row-inner .blog-right .blog-text h5{ font-size: 28px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.contain-section .home-tagline-block h3{ font-size: 32px;;}		 
 

#header .header-wapper .header-top .logo a img{ height:72px;; }
#header .header-wapper .header-top .logo{ padding: 0 24px;; } 
.header-right{ min-height: 72px;; }
.main-menu ul li a{ font-size: 16px; padding: 0 24px; min-height: 72px;;}

.banner-text h2{   font-size: 80px;   }
.contain-section{ padding: 80px 0; }

.block-row-inner .blog-right .blog-text p,
.block-row-inner .blog-right .blog-text h5{ font-size: 22px;}
.block-row-inner .blog-left .play-icon-text a{ font-size: 20px;;}
.block-row-inner .blog-left .play-icon-text a i{ display: flex;  width: 36px;;}
} 
@media (max-width: 992px) {
    #header .header-wapper .header-top .logo{ position: relative; z-index: 102;} 
.menu-icon{ display: block;}
.header-top >.header-right{ display: none;}
.mobile-div-inner{ width: 100%; padding: 20px;; background: var(--black); position: absolute; left: 0; top: 100%; 
            background: #000;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        transform: translate3d(0, -40px, 0);
        transition: -webkit-clip-path .6s cubic-bezier(0.28, 0, 0.18, 1), clip-path .6s cubic-bezier(0.28, 0, 0.18, 1), opacity 0s cubic-bezier(0.28, 0, 0.18, 1) .6s, transform .6s cubic-bezier(0.28, 0, 0.18, 1);
        width: 100%;
        will-change: transform, -webkit-clip-path, clip-path;
        z-index: 101;
        padding: 100px 24px 0px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0px;
}
.mobile-div-inner.active-menu {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: -webkit-clip-path .6s cubic-bezier(0.28, 0, 0.18, 1), clip-path .6s cubic-bezier(0.28, 0, 0.18, 1), opacity 0s cubic-bezier(0.28, 0, 0.18, 1), transform .6s cubic-bezier(0.28, 0, 0.18, 1);
    }
.mobile-div-inner .header-right{  display: flex; border: 0; border-top: rgba(255,255,255,0.5) solid 1px;; }
.main-menu ul li a{ font-size:20px; padding:12px 0; min-height: 0px;;}
.main-menu ul{ padding: 0 0 20px 0; width: 100%; display: flex ;flex-direction: column;}
.main-menu ul li{ border: 0; }
#header .header-wapper .header-top .logo{ padding: 0; }
#header .header-wapper .header-top .logo a img{ height:64px;; }
}
@media (max-width: 767px) {
.contain-section .home-tagline-block h3{ font-size: 26px;;}	
.banner-text h2{   font-size: 64px;   } 
.banner-text h2 br{ display: none;}
.contain-section{ padding: 80px 0; }

.block-row-inner .blog-right .blog-text p,
.block-row-inner .blog-right .blog-text h5{ font-size: 20px;}
.block-row-inner .blog-left .play-icon-text a{ font-size: 20px;;}
.block-row-inner .blog-left .play-icon-text a i{ display: flex;  width: 36px;;}
.block-row-inner{ flex-direction: column;}
.block-row-inner::after{ display: none;}
.blog-row:nth-child(2n+0) .block-row-inner .blog-left,
.block-row-inner .blog-right, .block-row-inner .blog-left{ display: flex; align-items: center; justify-content: center; width: 100%;}
.block-row-inner .blog-left .blog-img{ min-width: 100vw; }
.block-row-inner .blog-left .blog-img .img{ width: 100%; min-width: 100vw;}
.block-row-inner .blog-right .blog-text{ padding: 24px 0 32px ; }
.blog-row:nth-child(2n+0) .block-row-inner{ flex-direction: column;}
.block-row-inner .blog-right .blog-text p{ padding: 10px 0 0 0; }
}


@media (min-width: 568px) and (max-width: 767px) {
}
@media (min-width: 240px) and (max-width: 567px) {
}