AlkantarClanX12
Your IP : 3.144.92.165
/*
Theme Name: Siampoker Affiliate
Theme URI: http://siampoker.org
Author: Amiel
Author URI: http://siampoker.org
Description: Wordpress Theme for Siampoker Affiliate
Version: 1.0
*/
#nav_1{
background-color: #0d0d0d;
}
#nav__image{
height: 50px;
}
#nav__item{
color: #ffe66f;
}
#nav__item__icon{
}
#nav__icons{
height: 28px;
display: inline-block;
}
#nav_2{
background-color: #161616;
}
.list-group-item{
background-color: #0d0d0d!important;
border: none!important;
width: 30%;
height: auto;
}
ul#navbar-nav li {
display: inline-block;
}
.def-btn2 {
display: inline-block;
background: -webkit-linear-gradient(130deg, #d3c071, #e0c556);
height: 50px;
line-height: 50px;
color: #fff;
font-size: 10px;
text-transform: uppercase;
padding: 0 35px;
position: relative;
z-index: 2;
transition: all 0.3s ease-in;
}
#nav_1{
background-color: #0d0d0d;
}
#nav__image{
height: 50px;
}
#nav__item{
color: #ffe66f;
}
.navbar-light .navbar-toggler{
color: #ffe66f!important;
}
button{
color: #ffe66f!important;
}
#nav__icons{
height: 20px;
display: inline-block;
}
#nav_2{
background-color: #161616;
}
#grad1 {
height: 6px;
background: rgb(246,209,21);
background: radial-gradient(circle, rgba(246,209,21,1) 0%, rgba(194,128,5,1) 100%);
}
.def-btn2 {
display: inline-block;
background: -webkit-linear-gradient(130deg, #d3c071, #e0c556);
height: 50px;
line-height: 50px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
padding: 0 35px;
position: relative;
z-index: 2;
transition: all 0.3s ease-in;
}
/********************************** END-Navigation ******************************* */
/********************************** Section 1 - Slider******************************* */
.cd-hero {
position: relative;
}
.cd-hero__slider {
position: relative;
height: 50vh;
width: 100%;
overflow: hidden;
}
.cd-hero__slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
/* Force Hardware Acceleration */
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
will-change: transform;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cd-hero__slide.cd-hero__slide--selected {
/* this is the visible slide */
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.cd-hero__slide.cd-hero__slide--move-left {
/* slide hidden on the left */
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.cd-hero__slide.cd-hero__slide--is-moving,
.cd-hero__slide.cd-hero__slide--selected {
/* the cd-hero__slide--is-moving class is assigned to the slide which is moving outside the viewport */
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
@media only screen and (min-width: 768px) {
.cd-hero__slider {
height: 500px;
}
}
@media only screen and (min-width: 1170px) {
.cd-hero__slider {
height: 680px;
}
}
/* Slide style */
.cd-hero__slide {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.cd-hero__slide:first-of-type {
background-color: #2c343b;
background-image: url("img/bg1.jpg");
}
.cd-hero__slide:nth-of-type(2) {
background-color: #3d4952;
background-image: url("img/bg1.jpg");
}
.cd-hero__slide:nth-of-type(3) {
background-color: #586775;
background-image: url("img/bg2.jpg");
}
.cd-hero__slide:nth-of-type(4) {
background-color: #2c343b;
background-image: url("img/bg1.jpg");
}
.cd-hero__slide:nth-of-type(5) {
background-color: #2c343b;
background-image: url("img/bg1.jpg");
}
.cd-hero__content.cd-hero__content--full-width,
.cd-hero__content.cd-hero__content--half-width {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
/* this padding is used to align the text */
padding-top: 100px;
text-align: center;
/* Force Hardware Acceleration */
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
}
.cd-hero__content h2, .cd-hero__content p, .cd-hero__btn, .cd-hero__content--img img {
/* Force Hardware Acceleration */
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
}
.cd-hero__content.cd-hero__content--img {
/* hide image on mobile device */
display: none;
}
.cd-hero__content--img img {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.cd-hero__content.cd-hero__content--bg-video {
/* hide video on mobile device */
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.cd-hero__content--bg-video video {
/* you won't see this element in the html, but it will be injected using javascript */
display: block;
min-height: 100%;
min-width: 100%;
max-width: none;
height: auto;
width: auto;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.cd-hero__content h2, .cd-hero__content p {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
line-height: 1.2;
margin: 0 auto 14px;
color: #ffffff;
width: 90%;
max-width: 400px;
}
.cd-hero__content h2 {
font-size: 2.4rem;
}
.cd-hero__content p {
font-size: 1.4rem;
line-height: 1.4;
}
.cd-hero__btn {
display: inline-block;
padding: 1.2em 1.4em;
margin-top: .8em;
background-color: rgba(212, 68, 87, 0.9);
font-size: 1.3rem;
font-weight: 700;
letter-spacing: 1px;
color: #ffffff;
text-transform: uppercase;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.cd-hero__btn.cd-hero__btn--secondary {
background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero__btn:nth-of-type(2) {
margin-left: 1em;
}
.cd-hero__btn:hover {
background-color: #d44457;
}
.cd-hero__btn.cd-hero__btn--secondary:hover {
background-color: #161a1e;
}
@media only screen and (min-width: 768px) {
.cd-hero__slide:nth-of-type(2),
.cd-hero__slide:nth-of-type(3),
.cd-hero__slide:nth-of-type(4) {
background-image: none;
}
.cd-hero__content.cd-hero__content--full-width,
.cd-hero__content.cd-hero__content--half-width {
padding-top: 150px;
}
.cd-hero__content.cd-hero__content--bg-video {
display: block;
}
.cd-hero__content.cd-hero__content--half-width {
width: 45%;
}
.cd-hero__content.cd-hero__content--half-width:first-of-type {
left: 5%;
}
.cd-hero__content.cd-hero__content--half-width:nth-of-type(2) {
right: 5%;
left: auto;
}
.cd-hero__content.cd-hero__content--img {
display: block;
}
.cd-hero__content h2, .cd-hero__content p {
max-width: 520px;
}
.cd-hero__content h2 {
font-size: 2.4em;
font-weight: 300;
}
.cd-hero__btn {
font-size: 1.4rem;
}
}
@media only screen and (min-width: 1170px) {
.cd-hero__content.cd-hero__content--full-width,
.cd-hero__content.cd-hero__content--half-width {
padding-top: 220px;
}
.cd-hero__content h2, .cd-hero__content p {
margin-bottom: 20px;
}
.cd-hero__content h2 {
font-size: 3.2em;
}
.cd-hero__content p {
font-size: 1.6rem;
}
}
/* Single slide animation */
@media only screen and (min-width: 768px) {
.cd-hero__content.cd-hero__content--half-width {
opacity: 0;
-webkit-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
}
.cd-hero__slide--move-left .cd-hero__content.cd-hero__content--half-width {
-webkit-transform: translateX(-40px);
-ms-transform: translateX(-40px);
transform: translateX(-40px);
}
.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width {
/* this is the visible slide */
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.cd-hero__slide--is-moving .cd-hero__content.cd-hero__content--half-width {
/* this is the slide moving outside the viewport
wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
transition: opacity 0s 0.5s, transform 0s 0.5s;
transition: opacity 0s 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s;
}
.cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2),
.cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type {
/* this is the selected slide - different animation if it's entering from left or right */
-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
transition: opacity 0.4s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
}
.cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type,
.cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2) {
/* this is the selected slide - different animation if it's entering from left or right */
-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}
.cd-hero__content--full-width h2,
.cd-hero__content--full-width p,
.cd-hero__content--full-width .cd-hero__btn {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
.cd-hero__slide--move-left .cd-hero__content--full-width h2,
.cd-hero__slide--move-left .cd-hero__content--full-width p,
.cd-hero__slide--move-left .cd-hero__content--full-width .cd-hero__btn {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
.cd-hero__slide--selected .cd-hero__content--full-width h2,
.cd-hero__slide--selected .cd-hero__content--full-width p,
.cd-hero__slide--selected .cd-hero__content--full-width .cd-hero__btn {
/* this is the visible slide */
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.cd-hero__slide--is-moving .cd-hero__content--full-width h2,
.cd-hero__slide--is-moving .cd-hero__content--full-width p,
.cd-hero__slide--is-moving .cd-hero__content--full-width .cd-hero__btn {
/* this is the slide moving outside the viewport
wait for the end of the transition on the li parent before set translate to 100px/-100px */
-webkit-transition: -webkit-transform 0s 0.5s;
transition: -webkit-transform 0s 0.5s;
transition: transform 0s 0.5s;
transition: transform 0s 0.5s, -webkit-transform 0s 0.5s;
}
.cd-hero__slide--selected h2 {
-webkit-transition: -webkit-transform 0.5s 0.2s;
transition: -webkit-transform 0.5s 0.2s;
transition: transform 0.5s 0.2s;
transition: transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
}
.cd-hero__slide--selected p {
-webkit-transition: -webkit-transform 0.5s 0.3s;
transition: -webkit-transform 0.5s 0.3s;
transition: transform 0.5s 0.3s;
transition: transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
}
.cd-hero__slide--selected .cd-hero__btn {
-webkit-transition: background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;
transition: background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;
transition: transform 0.5s 0.4s, background-color 0.2s 0s;
transition: transform 0.5s 0.4s, background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;
}
}
/* Slider navigation */
.cd-hero__nav {
position: absolute;
width: 100%;
bottom: 0;
z-index: 2;
text-align: center;
height: 55px;
}
.cd-hero__nav nav, .cd-hero__nav ul, .cd-hero__nav li, .cd-hero__nav a {
height: 100%;
}
.cd-hero__nav nav {
display: inline-block;
position: relative;
}
.cd-hero__marker {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 100%;
}
.cd-hero__marker.cd-hero__marker--item-2 {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.cd-hero__marker.cd-hero__marker--item-3 {
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
}
.cd-hero__marker.cd-hero__marker--item-4 {
-webkit-transform: translateX(300%);
-ms-transform: translateX(300%);
transform: translateX(300%);
}
.cd-hero__marker.cd-hero__marker--item-5 {
-webkit-transform: translateX(400%);
-ms-transform: translateX(400%);
transform: translateX(400%);
}
.cd-hero__nav ul::after {
clear: both;
content: "";
display: table;
}
.cd-hero__nav li {
display: inline-block;
width: 60px;
float: left;
}
.cd-hero__nav .cd-selected a {
color: #ffe66f;
}
.cd-hero__nav .cd-selected a:hover {
background-color: transparent;
}
.cd-hero__nav a {
display: block;
position: relative;
padding-top: 35px;
font-size: 1rem;
font-weight: 700;
color: #a8b4be;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.cd-hero__nav a::before {
content: '';
position: absolute;
width: 24px;
height: 24px;
top: 8px;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: url('') no-repeat 0 0;
}
.cd-hero__nav a:hover {
background-color: rgba(0, 1, 1, 0.5);
}
.cd-hero__nav li:first-of-type a::before {
background-position: 0 0;
}
.cd-hero__nav li.cd-selected:first-of-type a::before {
background-position: 0 -24px;
}
.cd-hero__nav li:nth-of-type(2) a::before {
background-position: -24px 0;
}
.cd-hero__nav li.cd-selected:nth-of-type(2) a::before {
background-position: -24px -24px;
}
.cd-hero__nav li:nth-of-type(3) a::before {
background-position: -48px 0;
}
.cd-hero__nav li.cd-selected:nth-of-type(3) a::before {
background-position: -48px -24px;
}
.cd-hero__nav li:nth-of-type(4) a::before {
background-position: -72px 0;
}
.cd-hero__nav li.cd-selected:nth-of-type(4) a::before {
background-position: -72px -24px;
}
.cd-hero__nav li:nth-of-type(5) a::before {
background-position: -96px 0;
}
.cd-hero__nav li.cd-selected:nth-of-type(5) a::before {
background-position: -96px -24px;
}
@media only screen and (min-width: 768px) {
.cd-hero__nav {
height: 80px;
}
.cd-hero__marker,
.cd-hero__nav li {
width: 95px;
}
.cd-hero__nav a {
padding-top: 48px;
font-size: 1.1rem;
text-transform: uppercase;
}
.cd-hero__nav a::before {
top: 18px;
}
}
/* Main Content */
.cd-main-content {
width: 90%;
max-width: 768px;
margin: 0 auto;
padding: 2em 0;
}
.cd-main-content p {
font-size: 1.4rem;
line-height: 1.8;
color: #999999;
margin: 2em 0;
}
@media only screen and (min-width: 1170px) {
.cd-main-content {
padding: 3em 0;
}
.cd-main-content p {
font-size: 1.6rem;
}
}.ABOUT
/* Javascript disabled */
.no-js .cd-hero__slide {
display: none;
}
.no-js .cd-hero__slide.cd-hero__slide--selected {
display: block;
}
.no-js .cd-hero__nav {
display: none;
}
a {
color: #d44457;
text-decoration: none;
}
img, video {
max-width: 100%;
}
/********************************** END - Slider ******************************* */
/********************************** Section 2 ******************************* */
iframe{
height: 55vh;
width: 100%;
}
#section__2__iframe{
border-radius: 20px;
overflow: hidden;
}
.section__2 {
background-image: url("img/bg2.jpg");
height: 85vh;
background-position: center center;
/* Background image doesn't tile */
background-repeat: no-repeat;
/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
/* This is what makes the background image rescale based
on the container's size */
background-size: cover;
/* Set a background color that will be displayed
while the background image is loading */
background-color: #464646;
}
.section2__h1{
color: #ffffff;
font-size: 30px;
font-family: 'Open Sans', sans-serif;
}
.section__2 .mbr-section-title,
.section__2 .mbr-text,
.section__2 .mbr-section-btn {
text-align: center;
}
.section__2 .video-wrapper {
margin: auto;
}
.section__2 .video-wrapper iframe {
width: 100%;
height: 100%;
}
.section__2 .mbr-section-title {
color: #ffffff;
}
.section__2 .mbr-text,
.section__2 .mbr-section-btn {
color: #ffffff;
}
.mbr-fullscreen .mbr-overlay {
min-height: 100vh;
}
section,
.container,
.container-fluid {
position: relative;
word-wrap: break-word;
}
a.mbr-iconfont:hover {
text-decoration: none;
}
#section__content{
padding-top: 50px;
}
.article .lead p,
.article .lead ul,
.article .lead ol,
.article .lead pre,
.article .lead blockquote {
margin-bottom: 0;
}
/********************************** END - SECTION2 ******************************* */
/********************************** Section 3 ******************************* */
.section__3{
background-image: url("img/bg3.jpg");
height: 100vh;
background-position: center center;
/* Background image doesn't tile */
background-repeat: no-repeat;
/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
/* This is what makes the background image rescale based
on the container's size */
background-size: cover;
/* Set a background color that will be displayed
while the background image is loading */
background-color: #464646;
}
#section3__h1{
font-size: 30px;
font-family: 'Open Sans', sans-serif;
}
#section3__h1, #section3__p{
color: #ffffff;
}
#section3__content{
margin-top: 70px;
}
#section3__cards{
margin-top: 50px;
}
#section3__cards__items{
background: #0d0d0d;
color: #ffffff;
}
#section3__cards__icons{
width: 30%;
height: auto;
margin: 0 auto;
padding-top: 20px;
}
/********************************** END - SECTION3 ******************************* */
/********************************** SECTION 4 ******************************* */
.section__4 {
background-image: url("img/bg4.jpg");
height: 60vh;
background-position: center center;
/* Background image doesn't tile */
background-repeat: no-repeat;
/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
/* This is what makes the background image rescale based
on the container's size */
background-size: cover;
/* Set a background color that will be displayed
while the background image is loading */
background-color: #464646;
}
#section4__h1{
color: #ffffff;
font-size: 30px;
font-family: 'Open Sans', sans-serif;
}
#section4__p{
color: #ffffff;
}
.news {
padding: 50px 0 80px;
background: #111;
overflow: hidden;
}
.news .news-container {
position: relative;
}
.news.blog-page {
background: #242424;
padding-bottom: 120px;
overflow: visible;
}
.news.blog-page .single-news .part-text {
background: #313131;
}
.news.blog-page .single-news .part-text p {
color: #ababab;
}
.news .single-news {
margin-bottom: 40px;
position: relative;
z-index: 2;
}
.news .single-news .part-img img {
width: 100%;
}
.news .single-news .part-text {
padding: 40px;
padding-top: 31px;
background: #242424;
}
.news .single-news .part-text h3.title {
font-size: 24px;
font-weight: 700;
color: #fff;
line-height: 34px;
margin-bottom: 16px;
letter-spacing: 0.5px;
}
.news .single-news .part-text p {
color: #999;
line-height: 28px;
}
/********************************** END - SECTION4 ******************************* */
/********************************** SECTION 5 ******************************* */
.section__5 {
background-image: url("img/bg5.jpg");
height: 100vh;
background-position: center center;
/* Background image doesn't tile */
background-repeat: no-repeat;
/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
/* This is what makes the background image rescale based
on the container's size */
background-size: cover;
/* Set a background color that will be displayed
while the background image is loading */
background-color: #464646;
}
#section5__h1{
color: #ffffff;
font-size: 30px;
font-family: 'Open Sans', sans-serif;
}
#section5__p{
color: #ffffff;
}
#section5__button{
margin: 0 auto;
}
/********************************** END - SECTION5 ******************************* */
/********************************** SECTION 6 ******************************* */
.section__6 {
background-image: url("img/bg6.jpg");
height: 60vh;
background-position: center center;
/* Background image doesn't tile */
background-repeat: no-repeat;
/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
/* This is what makes the background image rescale based
on the container's size */
background-size: cover;
/* Set a background color that will be displayed
while the background image is loading */
background-color: #464646;
}
#section6__card{
background-color: #131313;
border: solid 1px #ffe66f;
}
#section6__h1{
color: #ffffff;
font-size: 30px;
font-family: 'Open Sans', sans-serif;
}
#section6__p{
color: #ffffff;
}
#section6__content{
padding-top: 130px;
}
/********************************** END - SECTION6 ******************************* */
.section__7 {
background-image: url("img/bg7.jpg");
height: 30vh;
background-position: center center;
/* Background image doesn't tile */
background-repeat: no-repeat;
/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
/* This is what makes the background image rescale based
on the container's size */
background-size: cover;
/* Set a background color that will be displayed
while the background image is loading */
background-color: #464646;
}
#section7__h1{
color: #ffffff;
font-size: 30px;
font-family: 'Open Sans', sans-serif;
}
.section7__content{
padding-top: 100px;
}
.footer .copyright-area {
background: #242424;
text-align: center;
padding: 25px 0;
}
.footer .copyright-area p {
color: #999;
margin-bottom: 0;
line-height: 28px;
}
.footer .copyright-area p a {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: -webkit-linear-gradient(130deg, #ff416c, #ff4b2b);
font-family: "Open Sans", sans-serif;
letter-spacing: 0;
}
/********************************** MEDIA QUERIES ******************************* */
/********* TABLET ********* */
@media screen and (min-width: 768px) {
#section__content{
margin-top: 60px;
}
.section__2 {
height: 90vh;
}
#section3__content{
margin-top: 140px;
}
#section3__cards{
padding-top: 120px;
}
}
/********* Laptop ********* */
@media screen and (min-width: 1024px) {
#section__content{
margin-top: 60px;
}
.section__2 {
height: 100vh;
}
#section__2__iframe{
margin-top: 60px;
}
}
/********* Large Laptop ********* */
@media screen and (min-width: 1440px) {
#section__content{
margin-top: 50px;
}
.section__2 {
height: 100vh;
}
iframe{
width: 100%;
}
#section3__cards{
padding-top: 180px;
}
}
@media screen and (min-width: 2560px) {
#section__content{
margin-top: 250px;
}
.section__2 {
height: 100vh;
}
}