/* ==================================================
    DAILY QATAR
    RESPONSIVE STYLE
================================================== */
 /* ==================================================
   LARGE DESKTOP
   1200px+
================================================== */
 @media (min-width: 1200px) {
 	.dq-section {
 		width: 100%;
 	}
 }

 /* ==================================================
   DESKTOP / LAPTOP
   992px - 1199px
================================================== */
 @media (min-width: 992px) and (max-width: 1199px) {
 	.dq-main-nav {
 		gap: 14px;
 	}

 	.dq-main-nav a {
 		font-size: 12px;
 	}

 	.dq-header-inner {
 		gap: 16px;
 		padding: 0 15px;
 	}
 }

 /* ==================================================
   TABLET
   768px - 991px
================================================== */
 @media (min-width: 768px) and (max-width: 991px) {
 	.dq-section {
 		min-height: auto;
 	}
 }

 /* ==================================================
   MOBILE
   576px - 767px
================================================== */
 @media (min-width: 576px) and (max-width: 767px) {
 	.dq-section {
 		min-height: auto;
 	}
 }

 /* ==================================================
   SMALL MOBILE
   0px - 575px
================================================== */
 @media (max-width: 575px) {
 	.dq-section {
 		min-height: auto;
 	}
 }

 /* ==================================================
   TOUCH DEVICES
================================================== */
 @media (hover: none) and (pointer: coarse) {
 	.dq-main-nav a:hover {
 		opacity: 1;
 	}

 	.dq-header-button:hover {
 		background: #fff;
 		color: #008ff0;
 	}
 }

 /* ==================================================
   REDUCED MOTION
================================================== */
 @media (prefers-reduced-motion: reduce) {
 	html {
 		scroll-behavior: auto;
 	}

 	*,
 	*::before,
 	*::after {
 		animation-duration: 0.01ms !important;
 		animation-iteration-count: 1 !important;
 		transition-duration: 0.01ms !important;
 		scroll-behavior: auto !important;
 	}
 }
 
 /* ==================================================
   DAILY QATAR
   HERO RESPONSIVE
================================================== */


/* ==================================================
   TABLET
================================================== */

@media (max-width: 991px) {

    .dq-hero {
        min-height: 650px;
    }

    .dq-hero-content {
        padding-bottom: 140px;
    }

    .dq-hero-logo {
        width: 145px;
        margin-bottom: 35px;
    }

    .dq-hero-title h1 {
        font-size: clamp(48px, 7vw, 72px);
        letter-spacing: -1.5px;
    }

    .dq-hero-skyline {
        width: 82vw;
    }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

    .dq-hero {
        height: 50svh;
        min-height: 620px;
    }

    .dq-hero-content {
        padding: 0 20px 120px;
    }

    .dq-hero-logo {
        width: 125px;
        margin-bottom: 30px;
    }

    .dq-hero-title h1 {
        font-size: clamp(38px, 10vw, 58px);
        line-height: .95;

        letter-spacing: -1px;
    }

    .dq-hero-skyline {
        width: 105vw;
        max-width: none;
    }

}


/* ==================================================
   SMALL MOBILE
================================================== */

@media (max-width: 480px) {

    .dq-hero {
        min-height: 480px;
    }

    .dq-hero-content {
        padding-bottom: 20px;
    }

    .dq-hero-logo {
        width: 105px;
        margin-bottom: 25px;
    }

    .dq-hero-title h1 {
        font-size: clamp(32px, 9.5vw, 46px);
    }

    .dq-hero-skyline {
        width: 125vw;
    }

}

/* ==================================================
   02 - MEDIA NETWORK
   RESPONSIVE
================================================== */
/* ==================================================
   TABLET
================================================== */
@media (max-width: 991px) {
	.dq-media-network-inner {
		padding: 90px 5vw 70px;
	}

	.dq-media-network-title {
		justify-content: flex-start;
	}

	.dq-media-network-title h2 {
		justify-content: flex-start;
		font-size: clamp(48px, 7vw, 78px);
		letter-spacing: -3px;
	}

	.dq-section-arrow {
		top: 55px;
		right: 5vw;
		width: 46px;
		height: 46px;
	}

	.dq-media-network-content {
		width: 90%;
	}

	.dq-media-network-content p {
		font-size: clamp(27px, 4vw, 42px);
	}
}

/* ==================================================
   MOBILE
================================================== */
@media (max-width: 767px) {
	.dq-media-network {
		min-height: 650px;
	}

	.dq-media-network-inner {
		min-height: 650px;
		padding: 80px 25px 60px;
	}

	.dq-media-network-title {
		justify-content: flex-start;
		padding-top: 0;
		text-align: center;
	}

	.dq-media-network-title h2 {
		display: block;
		width: 100%;
		font-size: clamp(42px, 11vw, 60px);
		line-height: 1;
		letter-spacing: -2px;
	}

	.dq-media-title-main {
		display: inline;
	}

	.dq-media-title-highlight {
		display: inline-block;
		margin-left: 4px;
		margin-top: 5px;
		padding: 3px 9px 5px;
	}

	.dq-section-arrow {
		top: 30px;
		right: 25px;
		width: 42px;
		height: 42px;
	}

	.dq-section-arrow span {
		width: 17px;
		height: 4px;
	}

	.dq-section-arrow span::after {
		width: 8px;
		height: 8px;
		border-width: 4px;
	}

	.dq-media-network-content {
		top: 53%;
		width: calc(100% - 40px);
	}

	.dq-media-network-content p {
		font-size: clamp(25px, 7vw, 34px);
		line-height: 1.18;
		letter-spacing: -.8px;
	}
}

/* ==================================================
   SMALL MOBILE
================================================== */
@media (max-width: 480px) {
	.dq-media-network {
		min-height: 400px;
	}

	.dq-media-network-inner {
		min-height: 400px;
		padding: 75px 20px 50px;
	}

	.dq-media-network-title h2 {
		font-size: 40px;
	}

	.dq-media-network-content {
		width: calc(100% - 30px);
	}

	.dq-media-network-content p {
		font-size: 25px;
	}
}