diff --git a/styles/details-verification/details-verification.css b/styles/details-verification/details-verification.css index fe54a7c1e3..d58dad65cb 100644 --- a/styles/details-verification/details-verification.css +++ b/styles/details-verification/details-verification.css @@ -307,12 +307,36 @@ max-width: 1022px; } +.section.embed-text-center .embed-wrapper .embed>.videotag>video { + height: 560px; + width: 1022px; +} + +@media screen and (max-width:767px) { + .section.embed-text-center .embed-wrapper .embed>.videotag>video { + width: 100%; + height: 204px; + } +} + +@media screen and (max-width:768px) and (max-width:1024px) { + .section.embed-text-center .embed-wrapper .embed>.videotag>video { + width: 100%; + height: 414px; + } +} + @media screen and (min-width:1025px) and (max-width: 1300px) { .section.embed-text-center .embed-wrapper .embed>div, .section.embed-text-center .embed-wrapper .embed { max-height: 461px; max-width: 820px; } + + .section.embed-text-center .embed-wrapper .embed>.videotag>video { + height: 461px; + width: 820px; + } } /* our stories video css end */ \ No newline at end of file