@media screen and (min-width:1600px) {}

@media screen and (max-width:1199px) {
    .slider .carousel-caption {
        top: 0;
    }
    .f-ribbon .blue-bg h4 {
        font-size: 30px;
    }
    .f-ribbon .cyan-bg ul li i {
        font-size: 45px;
        top: 13px;
    }
    .f-ribbon .cyan-bg ul {
        padding-left: 5px;
    }
    .f-ribbon .cyan-bg ul li {
        padding-left: 60px;
    }
    .testimonial p::before {
        left: 0;
    }
    .log_in_s {
        margin-top: 30px;
    }
    .flow {
        margin-top: 10px;
    }
    .posi_absu {
        top: 10px;
    }
    .iner_back .container-fluid {
    padding: 70px 0;
}
}

@media only screen and (max-width:992px) {
    .container {
        width: 100%;
    }
    .f-ribbon .col-sm-4 {
        width: 100%;
    }
    .f-ribbon .container {
        position: static;
    }
    .f-ribbon {
        margin-bottom: 0;
    }
    .f-ribbon .white-bg {
        height: 130px;
    }
    .f-ribbon .blue-bg {
        height: 170px;
        padding: 0;
    }
    .short-story h2 {
        font-size: 26px;
    }
    .short-story h5 {
        font-size: 30px;
    }
    .short-story {
        position: relative;
        padding: 30px 0 0;
    }
    .slider .carousel-control.right {
        right: 30px;
    }
    .slider .carousel-control.left {
        left: 30px;
    }
    .slider .carousel-caption {
        padding-right: 60px;
    }
    .top-bar .pull-left,
    .top-bar .pull-right {
        width: 100%;
        text-align: center;
        margin-bottom: 12px;
    }
    .top-bar ul li::after {
        height: 18px;
        top: 2px;
    }
    .top-bar ul {
        text-align: center;
    }
    .top-bar ul li {
        float: none;
        display: inline-block;
    }
    .testimonial .carousel-control {
        display: none;
    }
    .baner_content h2 {
        font-size: 22px;
        margin-top: 10px;
    }
    .baner_content h3 {
        font-size: 15px;
    }
    .flow {
        font-size: 15px;
    }
    .log_in_s li a {
        width: 110px;
        font-size: 11px;
    }
    .flow ul li a {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }
    .testimonial .images_testi .profile {
        width: 100%;
        height: 45px;
    }
}

@media only screen and (max-width:768px) {
    .hide_xs {
        display: none !important;
    }
    .baner_content h2 {
        margin-bottom: 5px;
    }
    .fre_dlvry {
        margin: 0 auto;
    }
    #menu-primary-menu li a {
        padding: 21px 7px;
        font-size: 10px;
    }
    .flow.text-center {
        position: absolute;
        left: 26px;
        bottom: 7px;
    }
    .flow ul li a {
        width: 25px;
        height: 25px;
        font-size: 13px;
        line-height: 24px;
    }
    .flow.text-center p {
        font-size: 16px;
        letter-spacing: 0.8px;
        margin: 0;
    }
    .testimonial .images_testi .profile {
        width: 100%;
        height: 100%;
        border-width: 2px;
    }
    .btn-sec a button {
    font-size: 8px;
}
.btn-sec span {
    font-size: 9px;
    margin: 0 3px;
}
.shop_table tbody tr td .coupon input {
    border: 1px solid #afaeae !important;
    border-radius: 0 !important;
    height: 35px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px 6px 6px 6px !important;
    margin-bottom: 5px !important;
}
.shop_table tbody tr td.actions .button {
    padding: 11px 15px !important;
    border-radius: 5px !important;
    height: 35px !important;
    font-size: 13px !important;
    width: 138px !important;
    position: unset !important;
    float: unset !important;
}
}

@media only screen and (max-width:767px) {
    .f-ribbon {
        display: none;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #333;
        background: #121063;
        border-radius: 3px;
    }
    .main-footer .col-sm-4 {
        margin-bottom: 15px;
    }
    .slider .carousel-caption h2 {
        margin-top: 0;
    }
    .slider .carousel-caption h2 {
        font-size: 32px;
    }
    .testimonial h2 {
        font-size: 32px;
    }
    .top-bar .pull-left ul li:first-child {
        display: none;
    }
    .log_in_s li a {
        background: #0b91d4;
    }
    .log_in_s {
        margin-top: 60px;
    }
    .posi_absu {
        top: 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flow.text-center {
        position: unset;
    }
    .menu {
        padding: 0;
    }
    #menu-primary-menu li a {
        padding: 9px 7px;
        font-size: 14px;
        text-align: left;
    }
    .testimonial .images_testi .profile {
        width: 70px;
        height: 70px;
    }
    .home_part .col-md-8.col-md-offset-2 .col-sm-3 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .home_part .col-md-8.col-md-offset-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ftr_list {
        min-height: auto;
        margin-bottom: 23px;
    }
    .text-right,
    .black_part {
        text-align: center;
    }
    .last_ftr_details p {
        letter-spacing: 1px;
    }
    .service-page .row figure img{
        width: 100%;
    }
    .service-page .row figure {
    margin-bottom: 30px;
}
.service-page figcaption {
    padding-left: 0;
}
#cnct_rw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#cnct_rw .col-md-4.col-sm-4{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
#form1 {
    margin-bottom: 30px;
}
.btn-sec a button {
    font-size: 12px;
}
.btn-sec span {
    -webkit-box-flex:0 !important;
        -ms-flex: 0 !important; 
            flex:0 !important;
}
.upload_sec::after{
    display: none;
}
}

@media only screen and (max-width:640px) {
    .log_in_s li a {
        padding: 2px 0;
    }
    
.added_images {
    overflow-x: auto;
}
main#main {
    padding: 50px 15px;
}
}

@media only screen and (max-width:600px) {
    .log_in_s {
        margin-top: 40px;
    }
    .hide_xs {
        display: none !important;
    }
    .posi_absu {
        top: 0px;
    }
}

@media only screen and (max-width:580px) {
    .s-slide {
        text-align: center;
    }
    .s-slide img {
        margin: 0 auto;
    }
    .s-div h3::after {
        margin: 0 auto;
        right: 0;
    }
    .our-service h5 {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .our-service .overlay {
        padding: 10px 0;
    }
    .our-service h2 {
        margin-bottom: 5px;
    }
    .s-div {
        padding: 0 10px 10px;
    }
    .testimonial h2 {
        font-size: 22px;
    }
    .testimonial p {
        font-size: 12px;
        margin: 0 0 10px;
    }
    .brands {
        display: none;
    }
    .carousel-caption {
        display: none;
    }
    .dta_sml {}
    .dta_sml img {
        height: 250px !important;
        background-size: 100% 100% !important;
    }
    .log_in_s {
        margin-top: 20px;
    }
    .flow ul li a {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
    }

}

@media only screen and (max-width:480px) {
.fre_dlvry{
    display: none;
}
#lon_bot{
    margin: 0px;
}

.step_2_sec [class^="col-"]:hover .step_2_wrap::before, .step_1_sec [class^="col-"]:nth-of-type(2):hover .step_1_wrap::before, .step_1_sec [class^="col-"]:nth-of-type(1):hover .step_1_wrap::before, .step_1_sec [class^="col-"]:nth-of-type(3):hover .step_1_wrap::before {
    font-size: 81px;
}
.step_1_wrap img {
    height: 100px;
}
.step_2_sec [class^="col-"]:nth-of-type(1) .step_2_wrap::before, .step_1_sec [class^="col-"]:nth-of-type(3) .step_1_wrap::before, .step_1_sec [class^="col-"]:nth-of-type(2) .step_1_wrap::before, .step_1_sec [class^="col-"]:nth-of-type(1) .step_1_wrap::before{
    top: -28px;
}
.step_z_inr_a{
width:100%;
padding: 0 15px;
}
.step_2_wrap img {
    height: 100px;
}
.padd_top {
    padding-top: 15px;
    font-size: 11px;
}
.iner_back .container-fluid {
    padding: 50px 0;
}

.iner_back h2 {
    font-size: 25px;
    margin: 0;
    letter-spacing: 2px;
}
.about_details h2, .introCNT h2, .fullBG h2, .faqQuestions h2, .contact_form h3, .part_four h1 {
    font-size: 25px;
    margin-top: 0;
    line-height: 1.5;
}
.woocommerce-billing-fields h3, #order_review_heading{
      font-size: 25px;
    line-height: 1.5;
}
.iner_about img {
    padding: 0;
    width: 100%;
    margin-bottom: 25px;
}
.iner_about img.pull-right{
    padding: 0 !important;
    width: 100%;
}
.woocommerce-info {
    border-top-color: #1e85be;
    font-size: 12px;
    font-weight: normal;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    margin: 0 0 1em;
}
.introCNT p {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
}
.introCNT p strong {
    font-size: 13px;
    letter-spacing: 0.5px;
    display: inline-block;
}
.service-page .row {
    margin-bottom: 0;
}
.service-page figcaption p {
    font-size: 13px;
    letter-spacing: 0.8px;
}
.service-page figcaption p strong {
    font-size: 13px;
    letter-spacing: 0.8px;
}
.service-page blockquote {
    color: #42a1f4;
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 1.5;
}
.fullBG p{
    font-size: 14px;
    letter-spacing: 0.8px;
    line-height: 1.5;
}
.panel-title p {
    margin: 0;
    font-size: 13px;
    letter-spacing: 0.8px;
}
.panel-title > a::before {
    content: "\f068";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 55px;
    height: 54px;
    background: #42A1F4;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 57px;
    color: #fff;
    position: absolute;
    border-radius: 0 4px 4px 0;
}
.panel-body p {
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 1.5;
}
#cnct_rw {
    display:block;
}
#cnct_rw .col-md-4.col-sm-4{
  width: 100%;
}
.txt_conct {
    margin: 15px 0px;
}
.step_number {
    font-size: 15px;
}
.step_text {
    font-size: 12px;
    letter-spacing: 0.8px;
    padding-right: 9%;
}
.number::after {
    background: url(../images/stepicon.png) no-repeat;
    position: absolute;
    height: 58px;
    width: 45px;
    content: "";
    top: -18px;
    left: 30px;
    background-size: cover;
}
.step_number {
    left: 100px;
}
h1.haeder {
    font-size: 15px;
    margin-top: 70px;
    letter-spacing: 0.8px;
}
.part_four h1.haeder {
    margin-top: 0px !important;
}
.part_four {
    padding: 0;
}
.number {
    font-size: 22px;
}
.mod_mid {
    width: 100%;
    margin: 30px 0 auto;
    padding: 0 15px;
}
.gift-dt{
    margin-bottom: 0px;
}
.gift-dt .btn-black.back_btn, .gift-dt a .btn-blue.cart_butn{
    width: 100%;
}
.gift-dt .btn-black.back_btn{
    margin:0px 0px 15px 0px;
}
.page-id-75 .woocommerce-cart-form {
    overflow-x: auto;
}
}
@media only screen and (max-width:479px) {
    .log_in_s li a {
        padding: 7px;
    }
    .flow {
        margin-top: 0px;
    }
}
@media only screen and (max-width:390px) {

.log_in_s li a {
    padding: 7px;
    line-height: 11px;
    letter-spacing: 1px;
    font-size: 10px;
    width: 88px;
}
.widget.widget_a2a_follow_widget {
    top: 37%;
}
#a2a_follow_widget-2 h2 {
    font-size: 11px;
    letter-spacing: 1px;
    color: #fff;
    margin: 0;
    position: absolute;
    left: -100px;
    top: 80px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    cursor: pointer;
    z-index: 9999;
    background: #575859;
    /* padding: 10px; */
    width: 179px;
    height: auto;
    border-radius: 5px 5px 0 0;
    padding: 4px 4px;
}
.woocommerce-billing-fields h3, #order_review_heading, .part_four h1, .contact_form h3, .step_1_sec h2, .step_2_sec h2, .contact h1, .home_part h3, .no_text, .new_ltr_a h2, .step_1_sec h1, .about_details h2, .fullBG h2, .fullBG h2, .faqQuestions h2 {
    font-size: 15px;
    letter-spacing: 0.8px;
}
.step_1_sec h3, .step_2_sec h3, .posi_deta {
    font-size: 12px;
    line-height: 1.5;
}
.btn-sec {
    display: block;
}
.steP-2_content p {
    font-size: 12px;
}
.steP-2_content ul li label, .steP-2_content h6 label {
    font-size: 11px;
}
.shop_table tbody tr td.actions .button {
    width: 100% !important;
}
}

@media only screen and (max-width:360px) {
    .top-bar {
        display: none;
    }
    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
        padding: 15px 0;
    }
.tnp-email {
    padding: 10px !important;
}
.tnp-field.tnp-field-button {
    position: unset;
    width: 100%;
    margin: 10px 0 0 0 !important;
}
}