/** video-section **/ .video-section{ position: relative; padding: 87px 0px 139px 0px; overflow: hidden; } .video-section .bg-layer:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.2; } .video-section .inner-box{ position: relative; display: block; } .video-section .inner-box .big-text{ position: relative; display: block; text-align: center; font-size: 200px; line-height: 150px; font-family: var(--secondary-font); color: #fff; margin-bottom: 125px; } .video-section .video-btn a{ position: relative; display: inline-block; width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50%; } /** rtl-css **/ /** responsive-css **/ @media only screen and (max-width: 1200px){ } @media only screen and (max-width: 991px){ } @media only screen and (max-width: 767px){ .video-section .inner-box .big-text{ font-size: 100px; line-height: 100px; } } @media only screen and (max-width: 599px){ .video-section .inner-box .big-text{ font-size: 60px; line-height: 60px; } } @media only screen and (max-width: 499px){ }