/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1500px) {
    .container {max-width: 1450px;}  
}

@media (min-width: 1400px) and (max-width: 1499px) {
    /* Home Page Start */
    .ai-bg-shape {max-width: 1090px;}
    /* Home Page End */

    /* footer */
    .footer-block{max-width: 720px;}
    .footer-block .row > *:last-child .footer-link-list{justify-content: space-between;}
    .footer-block .row > *:last-child .footer-link-list > *:last-child{margin-left: 60px;}
    .footer-content::before{left: -20px;}
    .footer-content::after{left: -20px;}
    /* footer */
}

@media (min-width: 1300px) and (max-width: 1399px) {
    /* Home Page Start */
    .ai-bg-shape {max-width: 940px;}
    /* Home Page End */

    /* Contract Page Start */
    .contact-content { max-width: 1000px; }
    /* Contract Page End */

    /* email page */
    .email-section{padding: 100px 0 0;}
    .email-content .detail{margin-top: 120px;}
    /* email page */

    /* contact page */
    .contact-section{ padding: 5px 0 40px; }
    .contact-section .detail{margin-top: 10px;}
    /* contact page */

    /* footer */
    .footer-content{overflow: hidden;}
    .footer-block{max-width: 720px;}
    .footer-block .row > *:last-child .footer-link-list{justify-content: space-between;}
    .footer-block .row > *:last-child .footer-link-list > *:last-child{margin-left: 60px;}
    .footer-content::before{left: -110px;}
    .footer-content::after{left: -110px;}
    /* footer */
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Home Page Start */
    .ai-bg-shape {max-width: 940px;}
    /* Home Page End */

    /* Contract Page Start */
    .contact-content { max-width: 1000px; }
    /* Contract Page End */

    /* email Page */
    .email-section{padding: 100px 0 0;}
    .email-content .detail{margin-top: 120px;}
    /* email Page */

    /* contact Page */
    .contact-section{ padding: 5px 0 40px; }
    .contact-section .detail{margin-top: 10px;}
    /* contact Page */

    /* footer */
    .footer-content{overflow: hidden;}
    .footer-block{max-width: 720px;}
    .footer-block .row > *:last-child .footer-link-list{justify-content: space-between;}
    .footer-block .row > *:last-child .footer-link-list > *:last-child{margin-left: 60px;}
    .footer-content::before{left: -110px;}
    .footer-content::after{left: -110px;}
    /* footer */
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .main-title { font-size: 40px; }
    /* Common Style End */

    /* Home Page Start */
    .ai-tools-bottom .row { margin: 0 -21px; } 
    .ai-tools-bottom .row>* { padding: 0 21px; }
    .ai-tools-content { padding: 30px 30px; }
    .ai-tools-content .small-title { margin: 0 0 24px; }
    .ai-tools-content .detail { margin: 0 0 25px; }
    .ai-tools-content::after {width: 60px; height: 30px; left: 15px; top: 15px;}
    .ai-tools-content::before {width: 60px; height: 30px; right: 15px; top: 15px;}
    .ai-bg-shape {max-width: 790px;}
    /* Home Page End */

    /* Contract Page Start */
    .contact-content { max-width: 850px; }
    /* Contract Page End */

    /* email Page */
    .email-section{padding: 80px 0 0;}
    .email-content .detail{margin-top: 70px;}
    /* email Page */

    /* contact Page */
    .contact-section{ padding: 5px 0 40px; }
    .contact-section .detail{margin-top: 10px;}
    /* contact Page */

    /* footer */
    .footer-content{overflow: hidden;}
    .footer-block{max-width: 600px; padding: 40px 0;}
    .footer-block .row > *:last-child .footer-link-list{justify-content: space-between;}
    .footer-block .row > *:last-child .footer-link-list > *:last-child{margin-left: 30px;}
    .footer-content::before{left: -65px; height: 52px;}
    .footer-content::after{left: -65px; height: 52px;}
    .footer-bottom{padding: 0 0 90px;}
    /* footer */
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .main-title { font-size: 36px; }
    .section-title { font-size: 32px; }
    /* Common Style End */

    /* Home Page Start */
    .banner-img { max-width: 550px; }
    .banner-content .main-title { margin: 0 0 20px; }
    .banner-content {margin: 0 auto 40px;}
    .banner-main {background-position: center;}

    .ai-tools-bottom .row { margin: 0 -21px; } 
    .ai-tools-bottom .row>* { padding: 0 21px; }
    .ai-tools-content { padding: 30px 30px; }
    .ai-tools-content .small-title { margin: 0 0 20px; }
    .ai-tools-content .detail { margin: 0 0 20px; }
    .ai-tools-top .section-title { margin: 0 0 20px; }
    .ai-tools-block {margin: 0 0 30px;}
    .ai-tools-wrp { padding: 107px 0 35px; }
    .ai-tools-content::after {width: 70px; height: 38px; left: 22px; top: 15px;}
    .ai-tools-content::before {width: 70px; height: 38px; right: 22px; top: 15px;}

    .pricing-wrp { padding: 35px 0 40px; }
    .pricing-top-shape { margin: 0 auto 40px; }

    .pricing-section .pricing-box {width:60%;margin-bottom: 15px}
    .pricing-section .pricing-box ul{height:auto;}
    .pricing-section .pricing-seperator-box {display: none !important;}

    .faq-wrp { padding: 35px 0 40px; }
    .faq-top-shape { margin: 0 auto 40px; }
    /* Home Page End */

    /* Contract Page Start */
    .contact-content { max-width: 100%; }
    .contract-main {padding: 45px 0 45px;}
    /* Contract Page End */

    /* email Page */
    .email-section{padding: 70px 0 0;}
    .email-content .detail{margin-top: 60px;}
    /* email Page */

    /* contact Page */
    .contact-section{ padding: 5px 0 40px; }
    .contact-section .detail{margin-top: 10px;}
    /* contact Page */

    /* footer */
    .footer-content{overflow: hidden;}
    .footer-block{max-width: 100%; padding: 20px 0;}
    .footer-block .row > *:last-child .footer-link-list{justify-content: space-between;}
    .footer-block .row > *:last-child .footer-link-list > *:last-child{margin-left: 30px;}
    .footer-content::before{left: -65px; height: 40px;}
    .footer-content::after{left: -65px; height: 40px;}
    .footer-bottom{padding: 0 0 70px;}
    /* footer */

}

@media (max-width: 767px) {
    /* Common Style Start */
    .main-title { font-size: 36px; }
    .section-title { font-size: 29px; }
    .common-detail { font-size: 14px; line-height: 150%; }
    /* Common Style End */

    .banner-bg {display: none !important;}

    /* Header Start */
    .header { padding: 10px 0; position: relative; z-index: 99; }
    .header .navbar-brand {max-width: 30px;}
    .header .navbar-toggler { padding: 0; border: none; box-shadow: none; position: relative; z-index: 9; }
    .header .navbar-toggler span { display: block; position: relative; background: linear-gradient(180deg, rgba(245, 36, 136, 0.00) 0%, rgba(245, 36, 136, 0.30) 100%), linear-gradient(90deg, #8530F1 0%, #DA3CAD 100%); stroke-width: 1px; stroke: rgba(255, 255, 255, 0.20); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); width: 22px; height: 2px; margin-bottom: 6px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-toggler span:first-child {width: 15px; margin: 0 auto 6px;}
    .header .navbar-toggler span:last-child {width: 15px; margin: 0 auto;}
    .header .navbar-collapse { position: fixed; text-align: center; top: 0; bottom: 0; right: -100%; max-width: 100%; width: 100%; height: 100%; padding: 50px; overflow: auto; background-color: #E3E2F2; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {right: 0; height: auto;}
    .header .navbar-nav .nav-item { padding: 15px 0; }
    .header-btn {padding: 5px 0 0;}
    .header .navbar-toggler.open span:first-child { top: 8px; width: 22px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler.open span:nth-child(2) {opacity: 0;}
    .header .navbar-toggler.open span:last-child { top: -8px; width: 22px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    /* Header End */

    /* Home Page Start */
    .banner-img { max-width: 100%; margin: 0 10px; width: auto; }
    .banner-img img {height: auto}
    .banner-content .main-title { margin: 0 0 20px; }
    .banner-main { background-position: center; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .banner-main::after { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .banner-wrp .container {padding: 0;}
    .banner-content .sub-title { margin: 0 auto 28px; }
    .banner-content .common-detail { margin: 0 0 25px; } 
    .banner-content {width: auto; max-width: 100%; margin: 0 24px 50px;}

    .ai-tools-bottom .row { margin: 0; } 
    .ai-tools-bottom .row>* { padding: 0; }
    .ai-tools-content { padding: 30px 20px; }
    .ai-tools-content .small-title { margin: 0 0 20px; }
    .ai-tools-content .detail { margin: 0 0 20px; }
    .ai-tools-top .section-title { margin: 0 0 20px; }
    .ai-tools-block { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .ai-tools-wrp { padding: 82px 0 26px; }
    .ai-tools-wrp .container {padding: 0;}
    .ai-tools-img img {height: 230px;}
    .ai-tools-content::after {left: 0;}
    .ai-tools-content::before {right: 0;}

    .pricing-wrp { padding: 20px 0 5px; overflow: hidden; }
    .pricing-top-shape { margin: 0 auto; width: 1260px; max-width: 1260px; position: relative; left: 50%; right: 0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
    .pricing-main .section-title { margin: 0 0 20px; }
    .pricing-title { margin: 0 0 40px; }

    .pricing-section .pricing-box {width:60%;margin-bottom: 15px}
    .pricing-section .pricing-box ul{height:auto;}
    .pricing-section .pricing-seperator-box {display: none !important;}

    .faq-wrp { padding: 20px 0 5px; overflow: hidden; }
    .faq-top-shape { margin: 0 auto; width: 1260px; max-width: 1260px; position: relative; left: 50%; right: 0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
    .faq-main .section-title { margin: 0 0 20px; }
    .faq-title { margin: 0 0 40px; }
    .faq-section .accordion-button {font-size: 16px; padding: 18px 15px;} 
    .faq-section .accordion-body { padding: 5px 15px 20px; }
    /* Home Page End */

    /* Contract Page Start */
    .contact-content { max-width: 100%; }
    .contract-main {padding: 35px 0 0;}
    /* Contract Page End */

    /* email Page */
    .email-section{padding: 20px 0 0;}
    .email-content .detail br{display: none;}
    .email-content .detail{margin-top: 60px;}
    .form-group .form-control{padding: 12px 15px;}
    .form-group .form-control::placeholder{font-size: 15px;}
    .form-group textarea.form-control{ padding: 19px 15px 116px; }
    /* email Page */

    /* contact Page */
    .contact-section{ padding: 5px 0 0; }
    .contact-section .detail{margin-top: 10px;}
    /* contact Page */

    /* footer */
    .footer-content{overflow: hidden; padding: 50px 0;}
    .footer-block{max-width: 100%; padding: 50px 0 55px;}
    .footer-block .row > *:last-child .footer-link-list{justify-content: space-between;}
    .footer-block .row > *:last-child .footer-link-list > *:last-child{margin-left: 30px;}
    .footer-content::before{left: -300px; height: 52px;}
    .footer-content::after{left: -300px; height: 52px;}
    .footer-block .row > *:last-child .footer-detail{margin-top: 35px;}
    .footer-bottom{padding: 0 0 54px;}
    /* footer */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
    
    .pricing-wrp { padding: 20px 0 5px; overflow: hidden; }
    .pricing-top-shape { margin: 0 auto; width: 1260px; max-width: 1260px; position: relative; left: 50%; right: 0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
    .pricing-main .section-title { margin: 0 0 20px; }
    .pricing-title { margin: 0 0 40px; }

    .pricing-section .pricing-box {width:80%;max-width:350px;margin-bottom: 15px}
    .pricing-section .pricing-box ul{height:auto;}
    .pricing-section .pricing-seperator-box {display: none !important;}
}

@media (min-width: 240px) and (max-width: 575px) {
    .container{padding-left: 18px; padding-right: 18px;}

    .pricing-wrp { padding: 20px 0 5px; overflow: hidden; }
    .pricing-top-shape { margin: 0 auto; width: 1260px; max-width: 1260px; position: relative; left: 50%; right: 0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
    .pricing-main .section-title { margin: 0 0 20px; }
    .pricing-title { margin: 0 0 40px; }

    .pricing-section .pricing-box {width:80%;max-width:350px;margin-bottom: 15px}
    .pricing-section .pricing-box ul{height:auto;}
    .pricing-section .pricing-seperator-box {display: none !important;}

    /* email section */
    .email-image{margin: 0 -18px; height: 205px;}
    .email-image img{object-fit: cover;}
    /* email section */

    /* footer */
    .footer-content{margin: 0 -18px;}
    .footer-block{padding-left: 28px;}
    .footer-block .row > *:last-child .footer-link-list{flex-direction: column; justify-content: flex-start;}
    .footer-block .row > *:last-child .footer-link-list > *:last-child{margin-left: 0;}
    .footer-content::before{ height: 52px; left: -240px;}
    .footer-content::after{ height: 52px; left: -240px;}
    /* footer */
}

@media (max-width: 374px) {
    /* email section */
    .email-image{ height: 180px;}
    /* email section */
}