.video_wrapper { position: relative; padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ overflow: hidden; max-width: 100%; height: auto; } 

.video_wrapper iframe,
.video_wrapper object,
.video_wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

.video-frame { padding:0; position:relative } 

.video-frame img { width:100%; position:relative; z-index:1 } 

.video-frame iframe, .video-frame video { width:100%; outline:none; } 

.video { position: relative; } 

.playpause { background-image:url(play.svg); background-repeat:no-repeat; position:absolute; left:0%; right:0%; top:0%; bottom:0%; margin:auto; background-position: center; cursor: pointer; } 

.img-sec { margin: 0; width: 100%; position: relative; z-index: 10; } 

.img-sec img { max-width: 100%; width: auto; height: auto; } 

.rounded-img img, .rounded-box { border-radius: 20px;}

.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 

/* common css */

.container-768 { max-width: 768px; margin: 0 auto !important; } 

.container-610 { max-width: 610px; margin: 0 auto !important; } 

.container-610-left { max-width: 610px;  } 

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

.container, .container-768, .container-610 { padding: 0 20px; } 

}

.blocks-margin-zero { padding:0 } 

.blocks-margin-small { padding:30px 0 } 

.blocks-margin { padding:55px 0 }

.blocks-margin-large { padding:100px 0 } 

.desktop-show { display: block; width: 100%; } 

.mobile-show { display: none; } 

.img-blog-big { margin: 0 0 25px 0 !important; padding: 0; overflow: hidden; border-radius: 10px; } 

.blog-title { border-bottom: 1px solid #efefef; padding-bottom: 20px; } 

.blog-title h6 { color:#6B6C77; font-size: 1rem; margin-bottom: 15px; } 

.blog-title h1 { font-size:2rem; } 

.col-padding-right { padding-right:8%; } 

.col-padding-left { padding-left:8%; } 


@media only screen and (max-width:991px){
    
 .img-sec, .video-frame, .bodymovin, .video_wrapper { margin:0 0 30px 0 } 

 .col-padding-right { padding-right:0%; } 

.col-padding-left { padding-left:0%; } 

.blocks-margin { padding:15px 0 } 

.blocks-margin-large { padding:30px 0 } 
 }

@media only screen and (max-width:767px){
 .desktop-show { display: none; } 

.mobile-show { display: block; width: 100%; } 

}