/* ----------------------------------------------------------------------- */
/* 	Coming Soon Style 1 Responsive CSS */
/*------------------------------------------------------------------------ */

/* Desktop (large screens, below 1200px) */
@media screen and (max-width: 1199px) {
    /* Desktop styles */
    /* (Applies to: Desktops, large laptops) */
    h1 {
        line-height: 1;
        font-size: 36px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 24px;
    }
    .primary-title {
        margin-bottom: 20px;
    }
    .tab-content {
        padding-left: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Tablet & small desktop (below 992px) */
@media screen and (max-width: 991px) {
    /* Tablet styles */
    /* (Applies to: Tablets, small laptops, large phones in landscape) */
    /* Adjust subtitle spacing under main title on tablet/phone */
    .home-tab .tab-heading p { margin-top: 15px; }
    /* Mirror key phone adjustments on tablets */
    .exs-full-width { width: 50%; }
    /* Hide tabs (خانه / تماس با ما) on tablet */
    .tab-controller { display: none !important; }
    /* Header alignment and sizing */
    .main-header .logo { text-align: right; }
    .main-header .logo img { width: 30px; height: 30px; vertical-align: middle; }
    .main-header .social-icons { text-align: left; }
    .main-header .header-right { float: left !important; }
    .logo { padding-left: 0; margin-top: 0; }

    /* Footer subscribe fixed at bottom and centered for tablet */
    .main-footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        padding-bottom: calc(10% + constant(safe-area-inset-bottom));
        padding-bottom: calc(10% + env(safe-area-inset-bottom));
    }
    .main-footer .footer-subscribe { text-align: center; }
    .main-footer .footer-subscribe h4 { text-align: center; }
    #subscribe-form { text-align: center; }
    #subscribe-form .form-control { display: block; margin: 0 auto 10px; width: 100%; }
    #subscribe-form .btn { float: none; display: inline-block; position: relative; margin-top: 10px; min-width: 60%; }
    .padding-big {
        padding: 50px 0;
    }
    .tab-content {
        max-width: 600px;
        padding-left: 0;
        margin-left: auto;
        margin-right: auto;
    }
    
    .countdown-timer li span:first-child {
        font-size: 36px;
        padding-bottom: 15px;
    }
    .countdown-timer li span:first-child:after {
        top: 15px;
    }
    .countdown-timer li span:last-child {
        margin-top: 15px;
    }
    .countdown-timer li {
        margin: 0 .5%;
        padding: 25px 5px;
        width: 19%;
    }
    .tab-style-one {
        margin-top: -45px;
    }
    .tab-style-one {
        padding: 32px 25px;
    }
}

/* Desktop and larger (992px and up) */
@media screen and (min-width: 992px) {
    /* Hide tabs (خانه / تماس با ما) on desktop */
    .tab-controller { display: none !important; }
}

/* Tablet & mobile (below 768px) */
@media screen and (max-width: 767px) {
    /* Tablet + Mobile styles */
    /* (Applies to: Tablets, all mobile devices) */
    .xs-no-positioning {
        position: static;
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }
    html,
	body {
        height: auto;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 22px;
    }
    .rect-1 {
        -webkit-border-radius: 20px 0 20px 0;
           -moz-border-radius: 20px 0 20px 0;
                border-radius: 20px 0 20px 0;
    }
    .rect-2 {
        -webkit-border-radius: 0 12px 0 12px;
           -moz-border-radius: 0 12px 0 12px;
                border-radius: 0 12px 0 12px;
    }
    .main-header,
	.main-body {
        padding: 35px 0;
    }
    .tab-style-one {
        margin-top: 0;
    }
    .tab-content {
        max-width: 100%;
        padding-left: 0;
    }
    .modal-dialog,
	.tab-container {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
    .tab-container {
        height: auto;
    }
    .tab-controller,
	.footer-right {
        float: none !important;
    }
    .tab-controller {
        text-align: center;
        padding: 12px;
        margin-bottom: 35px;
    }
    .tab-controller li {
        display: inline-block;
        width: 30%;
    }
    .tab-style-one li a {
        padding-left: 0;
    }
    .countdown-timer li {
        width: 23%;
    }
    .field-half-width {
        width: 100%;
        float: none !important;
    }
    .btn {
        width: 140px;
    }
    .form-inline .form-control {
        padding-right: 140px;
        -webkit-border-radius: 30px;
           -moz-border-radius: 30px;
                border-radius: 30px;
    }
    /* No special footer overrides on mobile; use defaults */
    .footer-menu {
        text-align: center;
        border: none;
    }
    .modal-footer ul,
	.modal-footer {
        float: none !important;
        text-align: center;
    }
    .modal-footer ul {
        margin-bottom: 15px;
    }
    .modal .contact-form {
        width: 100%;
    }
}

/* Mobile (phones, below 492px) */
@media screen and (max-width: 491px) {
    /* Mobile styles */
    /* (Applies to: Small mobile devices and phones) */
    .exs-full-width {
        width: 50%; /* keep header logo and social in the same row */
    }
	.modal-dialog, .tab-container {
        width: 95%;
    }
    h1 {
        line-height: 1.2;
    }
    .main-header,
    .main-body {
        padding: 15px 0;
    }
    .btn,
	.form-control {
        height: 45px;
    }
    .main-header {
        padding: 10px 0;
        text-align: center;
    }
    /* Tighten space between subtitle and countdown */
    .home-tab .tab-heading { padding-bottom: 2px; }
    /* Header left/right positioning and sizing */
    .main-header .logo { text-align: right; }
    .main-header .logo img { width: 30px; height: 30px; vertical-align: middle; }
    .main-header .social-icons { text-align: left; }
    .main-header .header-right { float: left !important; }
    /* Hide tabs (خانه / تماس با ما) on phones */
    .tab-controller { display: none !important; }
    .logo {
        padding-left: 0;
        margin-top: 0;
    }
    .header-right {
        float: none !important;
    }
    .tab-content {
        text-align: center;
    }
    /* Ensure small spacing around countdown */
    .home-tab .countdown-timer { margin-top: 2px; margin-bottom: 2px; padding-top: 0; padding-bottom: 0; }
    /* Footer subscribe fixed at bottom and centered */
    .main-footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        /* add more space between bottom edge and subscription components */
        padding-bottom: calc(12% + constant(safe-area-inset-bottom)) !important;
        padding-bottom: calc(12% + env(safe-area-inset-bottom)) !important;
    }
    .main-footer .footer-subscribe { text-align: center; }
    .main-footer .footer-subscribe h4 { text-align: center; }
    #subscribe-form { text-align: center; }
    #subscribe-form .form-control { display: block; margin: 0 auto 10px; width: 100%; }
    #subscribe-form .btn { float: none; display: inline-block; position: relative; margin-top: 10px; min-width: 75%; }
    .countdown-timer li {
        width: 23%;
        margin: 1%;
    }
    .padding-big {
        padding: 30px 0;
    }
    .form-inline .form-control {
        padding-right: 25px;
        padding-left: 25px;
    }
    .form-inline .btn {
        position: relative;
        margin-top: 15px;
        min-width: 75%;
    }
    .tab-controller {
        padding: 0;
        border: none;
    }
    .tab-style-one li {
        width: 32%;
        margin: 0;
    }
    .tab-style-one li a {
        font-size: 13px;
    }
	.footer-content li {
		padding: 0;
	}
}

/* Footer subscribe responsive widths */
/* Default (desktop) width */
.main-footer .footer-subscribe {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

/* Tablet (below 992px) */
@media screen and (max-width: 991px) {
    .main-footer .footer-subscribe {
        width: 70%;
    }
}

/* Tablet & Mobile (below 768px) */
@media screen and (max-width: 767px) {
    .main-footer .footer-subscribe {
        width: 90%;
    }
}

/* Mobile (below 492px) */
@media screen and (max-width: 491px) {
    .main-footer .footer-subscribe {
        width: 95%;
    }
}