/*Media - Stylesheet*/
.nav-opener {
    display:none;
}
@media (min-width:1320px) and (max-width:1370px) {
    
}
@media (min-width:0px) and (max-width:1024px) {
    /*blog detail*/
    .blog-detail .container-cus .left {
        width:100%;
    }
    .blog-detail .container-cus h1 {
        width:100%;
    }
    .blog-detail .container-cus .right {
        display:none;
    }
    .cus-message .container-cus .boxbox {
        grid-gap: 15px;
    }
    .writer-home .container-cus .boxbox {
        grid-gap: 10px;
    }
    /*review*/
    .rev-head .container-cus {
        width: 92%;
    }
    .rev-head .container-cus h2 {
        margin-top:38px;
    }
}
@media (min-width:0px) and (max-width:769px) {
    .services-box .container-cus .service-box .box {
        width: 33.33%;
    }
    .top-head .container-cus {
        padding:14px 0px;
    }
        .top-head .container-cus .left {
            width: 100%;
            text-align: center;
        }
        .top-head .container-cus .left a img {
            width:216px;
        }
        .top-head .container-cus .center {
            padding:18px 0px;
            padding-bottom:0px;
            width:100%;
        }
        .top-head .container-cus .right {
            display:none;
        }
    /*nav opener*/
    .nav-opener {
        display:block;
    }
    /*nav cus*/
    .nav-cus {
        display:none;
    }
    .after-nav .container-cus .left {
        width:100%;
    }
    .after-nav .container-cus .right {
        width:100%;
        margin-bottom:13px;
    }
    .after-nav .container-cus .left h2 {
        padding-top: 26px;
        font-size: 60px;
    }
    /*advent home*/
    .advnt-home .container-cus {
        padding:50px 0px;

    }
    .advnt-home .container-cus .box {
        padding: 0px 12px;
    }
        .advnt-home .container-cus .box p {
            font-size:16px;
        }
    /*blue strip*/
    .blue-strip {
        padding:18px 0px;
    }
    .blue-strip .container-cus .left {
        width:100%;
        text-align:center;
        margin-bottom:12px;
    }
    .blue-strip .container-cus .right {
        width:100%;
        text-align:center;
    }
        .blue-strip .container-cus .right .inp-div {
            float:none;
            display:inline-block;
        }
    /*our stats*/
    .stat-home .container-cus {
        padding:50px 0px;
    }
        .stat-home .container-cus .cus-row {
            margin-top:10px;
        }
            .stat-home .container-cus .cus-row .box {
                width:50%;
                margin-top: 20px;
            }
    /*customer*/
    .cus-message .container-cus {
        padding-top:50px;
    }
    .cus-message .container-cus .carousel .carousel-inner {
        width:75%;
    }
    /*operate*/
    .operate-home {
        padding:60px 0px;
    }
        .operate-home .container-cus .cus-row {
            margin-top:10px;
        }
        .operate-home .container-cus .cus-row .box {
            width:50%;
            margin-top:50px;
        }
    /*writer-home*/
    .writer-home{
        padding-top:50px;
    }
        .writer-home .container-cus .carousel .carousel-inner {
            width:75%;
        }
    /*contact*/
    .contact {
        padding:45px 0px;
    }
    /*payment*/
    .footer {
        padding:50px 0px;
    }
    .footer .container-cus .cus-row .left {
        width:100%;
        text-align:center;
    }
        .footer .container-cus .cus-row .left p span {
            display:block;
            margin-bottom:8px;
        }
    .footer .container-cus .cus-row .right {
        text-align: center;
        margin-top: 25px;
        width:100%;
    }
    /*prices*/
    .price-page .container-cus .nav li {
        width: 100%;
        border-bottom: 2px solid #fff;
    }
    /*samples*/
    .sample-page .container-cus {
        padding: 50px 0px;
    }
    .sample-page .container-cus .boxbox .box {
        width:100%;
    }
        .sample-page .container-cus .boxbox .box .disc {
            height:auto;
        }
        .sample-page .container-cus .boxbox .box .bold {
            margin-top:27px;
        }
    /*blog*/
    .blog-tit .container-cus h1 {
        height: 112px;
        font-size: 46px;
        line-height: 55px;
    }
    .blog-grid .container-cus {
        grid-template-columns: 1fr 1fr;
    }
    .blog-grid .container-cus .box {
        width:100%;
    }
    /*contact*/
    .contact-page .container-cus .boxbox {
        width: 70%;
    }
    /*order*/
    .order-form .container-cus .left {
        width:100%;
        margin-bottom:30px;
    }
    .order-form .container-cus .right {
        width:100%;
    }
    /*dashboard*/
    .aftr-top .container-cus .right {
        display:block;
    }
    .aftr-pge .container-cus .left {
        display:none;
    }
    .aftr-pge .container-cus .right {
        width:100%;
    }
    /*customer*/
    .cus-message .container-cus .boxbox {
        grid-template-columns: 1fr 1fr;
    }
    .writer-home .container-cus .boxbox {
        grid-template-columns: 1fr 1fr;
    }
    .writer-home .container-cus .boxbox > .box-part {
        display:none;
    }
    /*review*/
    .rev-head .container-cus .rat-bx .bx {
        width: 100%;
        padding: 25px 0px;
    }
        .rev-head .container-cus .rat-bx .bx:nth-child(2) {
            margin: 0px 0%;
        }
    .rev-head .container-cus .line-bx .bx:first-child {
        display:none;
    }
    .rev-head .container-cus .line-bx .bx:last-child {
        border-right:0px;
        border-bottom:0px;
    }
    .rev-head .container-cus .line-bx {
        padding-top:30px;
    }
        .rev-head .container-cus .line-bx .bx p {
            width:55%;
        }
}
@media (min-width:0px) and (max-width:569px) {
    .services-box .container-cus .service-box .box {
        width: 100%;
    }
    .after-nav .container-cus .left h2 {
        font-size: 50px;
        padding-top: 30px;
    }

    .after-nav .container-cus .left .icons-box .box {
        width: 100%;
    }

        .after-nav .container-cus .left .icons-box .box:last-child {
            width: 100%;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #fff;
        }

    .after-nav .container-cus .left .icons-box {
        padding-bottom: 8px;
    }
    /*advent*/
    .advnt-home .container-cus {
        padding: 40px 0px;
    }

        .advnt-home .container-cus h3 {
            margin-bottom: 26px;
        }

        .advnt-home .container-cus .box {
            width: 100%;
            margin-bottom: 20px;
        }
    /*blue-strip*/
    .blue-strip .container-cus .left {
        width: 100%;
    }
    /*inp*/
    .blue-strip .container-cus .right .inp-div {
        display: block;
        width: 80%;
        margin: auto;
    }

        .blue-strip .container-cus .right .inp-div span {
            width: 100%;
            border-radius: 4px;
            margin-bottom: 10px;
        }

        .blue-strip .container-cus .right .inp-div select {
            width: 100%;
            border-radius: 4px;
            margin-bottom: 10px;
        }

        .blue-strip .container-cus .right .inp-div a {
            width: 100%;
            border-radius: 4px;
        }
    /*stats*/
    .stat-home .container-cus {
        padding: 40px 0px;
    }

        .stat-home .container-cus .cus-row .box {
            width: 100%;
        }
    /*cus message*/
    .cus-message .container-cus h3 {
        margin-bottom: 20px;
    }

    .cus-message .container-cus .carousel .item .left {
        margin-top: 25px;
        text-align: center;
        margin-bottom: 15px;
        width: 100%;
    }

        .cus-message .container-cus .carousel .item .left img {
            width: 30%;
        }

    .cus-message .container-cus .carousel .item .right {
        width: 100%;
        text-align: center;
    }
    /*operate*/
    .operate-home .container-cus .cus-row .box {
        width: 100%;
        margin-top: 60px;
    }
    /*writers*/
    .writer-home .container-cus .carousel .item .left {
        width: 100%;
        text-align: center;
        margin-bottom: 22px;
    }

        .writer-home .container-cus .carousel .item .left img {
            width: 60%;
        }

    .writer-home .container-cus .carousel .item .right {
        width: 100%;
    }
    /*contact*/
    .contact .container-cus ul li {
        margin: 18px 12px;
    }

    .footer .container-cus .cus-row .left p img {
        margin-bottom: 5px;
    }
    /*about*/
    .about {
        padding: 40px 0px;
    }
    /*prices*/
    .price-page {
        padding: 50px 0px;
    }
    /*blog*/
    .blog-tit .container-cus {
        overflow: hidden;
    }

        .blog-tit .container-cus img {
            width: 180%;
        }

        .blog-tit .container-cus h1 {
            height: 158px;
            font-size: 36px;
            padding: 4px 22px;
            line-height: 50px;
        }

            .blog-tit .container-cus h1 br {
                display: none;
            }
    .blog-grid .container-cus {
            grid-template-columns: 1fr;
    }
    .blog-grid .container-cus .box {
        width: 100%;
    }
    /*blog*/
    .blog-detail .container-cus .left .img-box {
        overflow: hidden;
    }

        .blog-detail .container-cus .left .img-box img {
            width: 180%;
            margin-left: -35%;
        }

        .blog-detail .container-cus .left .img-box p {
            font-size: 27px;
        }

    .blog-detail .container-cus .left .next-blog a {
        display: none;
    }
    /*faq*/
    .faq .container-cus {
        padding: 50px 0px;
    }
    /*contact*/
    .contact-page .container-cus .boxbox {
        width: 100%;
    }

        .contact-page .container-cus .boxbox .input-row .left-in {
            width: 100%;
            margin-bottom: 11px;
        }

        .contact-page .container-cus .boxbox .input-row .right-in {
            width: 100%;
        }
    /*orders*/
    .order-form .container-cus .left .order-tab div:nth-child(2)::before {
        width: 0px;
    }
    .order-form .container-cus .left .order-tab div:nth-child(2)::after {
        width: 0px;
    }
    .order-form .container-cus .left .order-tab div {
        width: 100%;
        text-align: left;
        padding: 0px 18px;
    }
    .order-form .container-cus .left .order-tab {
        padding: 10px 0px;
    }
        .order-form .container-cus .left .order-tab div:nth-child(2) {
            padding: 12px 18px;
        }
    .order-form .container-cus .left .form .three-group .radio {
        width: 100%;
        padding: 0px;
    }
    /*side nav*/
    .side-nav .box {
        width:80%;
    }
    /*admin-mesage*/
    .aftr-pge .right h1 span {
        margin-left:0px;
    }
    .aftr-pge .right .message-box .box .right-sd a.red-btn {
        padding: 8px 0px;
        border: 1px solid #c31213;
        width:50%;
        float:left;
        text-align:center;
    }
    .aftr-pge .right .message-box .box .right-sd a.white-btn {
        border: 1px solid #bfbfbf;
        margin-left:0px;
    }
    .aftr-pge .right .message-box .box .left-sd {
        width: 100%;
        text-align: center;
    }
        .aftr-pge .right .message-box .box .left-sd img {
            width: 26px;
            border-radius: 43px;
        }
    .aftr-pge .right .message-box .box .right-sd {
        width:100%;
    }
    .aftr-pge .right .form h1 span {
        float:none;
        display:block;
        margin-top:15px;
    }
    .aftr-pge .right .form h1 span br {
        display: block;
    }
    /*review*/
    .cus-message .container-cus .boxbox {
        grid-template-columns: 1fr;
    }
    .writer-home .container-cus .boxbox {
        grid-template-columns: 1fr;
    }
    .rev-head .container-cus .line-bx .bx p {
        width:100%;
    }
    .rev-head .container-cus .reviews .bx .top .left {
        width:100%;
        text-align:center;
    }
    .rev-head .container-cus .reviews .bx .top .right {
        width: 100%;
        text-align: center;
        margin-top: 12px;
    }
    .rev-head .container-cus .reviews .bx .bot .left {
        width:100%;
        text-align:center;
        margin-bottom:12px;
    }
        .rev-head .container-cus .reviews .bx .bot .left a {
            display:block;
        }
    .rev-head .container-cus .reviews .bx .bot .right {
        width:100%;
        text-align:center;
    }
}
@media (min-width:0px) and (max-width:360px) {
    
}