@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 1024px) {
    .main { width: 100%; }

    .header .wrap { width: 100%; }

    .header { width: 100%; }

    .col2 { width: auto; }




    .callbacks_container { width: 100%; }


    .callbacks img { width: 100%; }
}


@media only screen and (max-width: 768px) {

    .callbacks_container { width: 100%; }

    .slide-txt-sec { display: none; }

    .b-container { height: 410px; width: 100%; margin: auto; }

    .main { margin: auto; width: 100%; }

    .header .wrap { margin: auto; width: 100%; }

    .logo { float: none; }

        .logo img { margin-bottom: 20px; width: 150px; margin-top: 10px; }

    .col1 { text-align: center; width: 100%; height: 65px; }

    .header { padding: 0; width: 100%; height: 100px; }

    .b-container2 { }

    .cbp-bislideshow { margin-top: 100px !important; }

    nav { float: none; text-align: center; }

    .col2 { margin: auto; padding: 0 !important; width: 100%; }

    .body-content .wrap { width: 480px; margin: auto; padding: 0px; }

    .illustration { }

    .b1:hover, .b2:hover, .b3:hover { background: none; }

    .bgs { background: none; display: none; }

    .services-sec h2 { padding-bottom: 50px; }

    .services-sec .box { float: none; margin: auto auto 20px; width: 90%; }

    .services-sec { padding-bottom: 0px; margin: auto; }

    .work-sec { float: none; margin: auto auto 20px; }

        .work-sec .box { margin-bottom: 40px; width: 100%; margin: 0px; margin-bottom: 30px; }

        .work-sec img { width: 100%; }

    .intro-sec { margin: auto; width: 480px; }

        .intro-sec .box { width: 100%; }

    .qoutbox { min-height: 200px; padding-top: 10px; text-align: center; width: 100%; clear: both; margin: 0; padding: 0; float: none; }

    .ceo { width: 100%; text-align: center; font-size: 12px; }

    .social-sec { width: 480px; }

    .tt-wrapper { width: 260px; margin: auto; }

    .footer-sec { width: 480px; }

    .minlinks { margin-top: 30px; }

    .love-sec { background: none repeat scroll 0 0 transparent; min-height: 130px; }

    .lovebtn { margin: 80px auto auto; }

    nav li a { }

    nav li { float: none; }

    .ceo { width: 100%; margin-bottom: 10px; }

    .reveal-modal { width: 100%; margin: 0; padding: 0px; left: 0px; border: 0px; }

    .sp-slideshow { border: 0px !important; }

    .reveal-modal .close-reveal-modal { right: 10px; }

    .work-top { background: url("../images/slider4.jpg") no-repeat scroll center top / 100% auto transparent; height: 280px; }

    .wedo-sec { width: 90%; }

        .wedo-sec .box1 { width: 100%; }

        .wedo-sec .box2 { width: 90%; float: left; }

    .sorted-sec { width: 90%; }

    .sort-list li { width: 96%; }

    .port-sec { width: 90%; }

    .top-line { font-size: 0px; }

    .work-sec .box3 { margin: 0; padding: 0; width: 98%; margin-bottom: 10px; }

    .search-field { width: 60%; }

    .wedo-sec h2 { text-align: left; }

    .lft { width: 100%; }

    .wedo-sec .box2 img { width: 100%; }

    .about-sec .box1 { width: 90%; float: none; margin: auto; }

    h2.txt4 { width: 100%; padding: 0px; }

    h3.txt5 { width: 100%; }

    .txt3 { padding-top: 30px; }

    .download { width: 39px; }

    .srvc-sec .box { width: 100%; }

    .list1 li { width: 100%; }

    .namefld { width: 60%; }

    .msgfld { width: 60%; }

    .areafld { width: 60%; }

    .sendbtn { width: 200px; background-size: 100%; margin-left: 0px; }

    .contact-form { padding-bottom: 50px; }

    .blog-sec { position: static; }

    .blog-box { margin: 0 0 10px; padding: 0 !important; position: static !important; width: 100% !important; }

    .flt-left { width: 100%; }

    .fld-sec input[type="text"] { width: 90%; }

    .fld-sec span { display: none; }

    .textarea { width: 90% !important; }

    .sendbtn2 { width: 100%; }

    .fld-sec { width: 100%; }

    .about-sec h2 span div.tt { clear: both; float: left; }



    .out { width: 90%; height: 100px; }

    .love-wrap { background-size: 50%; width: 100%; background: none; }


    #pics { width: 100%; display: none !important; }

    .lovepic { position: static !important; }

        .lovepic img { width: 100%; }

    .lovebtn-sec { padding-top: 0; }

    .slide-txt-sec { display: none; }
}

@media only screen and (max-width : 480px) {
    .body-content .wrap { width: 100%; margin: auto; }

    nav { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 0 none; float: left; height: 35px; line-height: 35px; width: 100%; text-align: center; }

        nav a { background: none repeat scroll 0 0 #9B0766; border-bottom: 1px solid #576979; color: #FFFFFF; font-size: 14px; width: 100%; color: #FFF; }

        nav ul { display: none; height: auto; }

        nav a#pull { display: block; background-color: #bb0053; width: 100%; color: #FFF; position: relative; font-size: 14px; font-weight: bold; }

            nav a#pull:after { content: ""; background: url('../images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px; }

    .b-container { height: 290px; margin: auto; width: 100%; }

    .intro-sec { margin: auto; width: 420px; }

    .services-sec { margin: auto; padding-bottom: 0; }

    .illustration { background-image: none; min-height: 50px; }

    .services-sec h2 { padding-bottom: 30px; }

    .work-sec { float: none; margin: auto auto 20px; }

    .footer-sec { width: 420px; }

    .flt-left { width: 100%; }

    .fld-sec input[type="text"] { float: none; max-width: 200px; }

    .fld-sec span { display: none; }



    .sendbtn2 { width: 100%; float: none; max-width: 200px; font-size: 20px; }



    .social-sec { width: 300px; }

    .out { width: 90%; height: 100px; }

    .love-wrap { background-size: 50%; width: 100%; }


    #pics { width: 100%; display: none !important; }

    .lovepic { position: static !important; }

        .lovepic img { width: 100%; }

    .lovebtn-sec { padding-top: 0; }


    .lovebtn { background-size: 100% auto; width: 70%; }
    .slide-txt-sec { display: none; }


    .ffrom input[type="text"], .ffrom input[type="password"], .form1 textarea { width: 100% !important; padding-left: 0; padding-right: 0; text-indent: 10px; }

    .dob select { max-width: 80px; }







  
     .footer-sec { float: left; width: 100%; text-align:center; }
        .footer-sec .contact {  display: inline-block;
    float: none;
    margin-bottom: 30px;
    margin-left: 0;
    max-width: 300px;
    text-align: left;
    width: 100%;}

        .footer-sec    .services { display: inline-block;
    float: none;
    margin-bottom: 30px;
    margin-left: 0;
    max-width: 300px;
    text-align: left;
    width: 100%;}

          .footer-sec     .fb-like-box {display: inline-block;
    float: none;
    margin-bottom: 30px;
    margin-left: 0;
    max-width: 300px;
    text-align: left;
    width: 100%;  }

              .footer-sec    .copy { margin: auto;
    max-width: 300px;
    text-align: left; }


    .minlinks { border-top: 1px solid #CCCCCC; margin-top: 30px; padding-top: 10px; }

    .love-sec { background-size: 100% auto; height: auto; min-height: 100px; padding: 0; }


    .footer-sec .map { background-position: 0 35px; border-top: 1px solid #CCCCCC; float: left; margin-top: 30px; padding-top: 20px; text-align: left; width: 100%; }

    .intro-sec .box { font-size: 14px; }



       .b-container { height: 260px; margin: auto; }

    .main { margin: auto; width: 100%; }

    .header .wrap { margin: auto; width: 100%; }

    .logo { float: none; }

        .logo img { margin-bottom: 20px; width: 150px; }

    .col1 { text-align: center; }

    .header { margin: 0; padding: 0; width: 100%; }

    .slide-sec { float: left; width: 100%; }

    .cbp-bislideshow { margin-top: 110px !important; }

    .col2 { margin: auto; padding: 0 !important; width: 100%; }

    .body-content .wrap { margin: auto; padding: 0; width: 100%; }

    .illustration { background: none; min-height: inherit; }

    .services-sec h2 { font-size: 20px; padding-bottom: 20px; }

    .services-sec .box { float: none; margin: auto auto 20px; }
    .seo_wrap {
    text-align: center;
}.seo_text_sec {
    display: inline-block;
    float: none;
}

 .slider_text {
    float: none;
    margin: auto;
    text-align: center;
}.print-material_text_sec {
    float: none;
    margin: auto;
    max-width: inherit;
    text-align: center;
}
 .ffrom input[type="text"], .ffrom input[type="password"], .form1 textarea {
    max-width: 300px;
    padding-left: 0;
    padding-right: 0;
    text-indent: 10px;
    width: 100% !important;
}
    .services-sec { padding-bottom: 0px; width: 100%; }

    .work-sec .box { float: none; margin: auto auto 40px; }

    .work-sec img { width: 100%; }

    .intro-sec { margin: auto;    max-width: 300px;    width: 100%; }

        .intro-sec .box { float: none; margin: auto; }

    .social-sec { width: 300px; }

   .product-details-page .gallery {
    display: block;
}

   .order-summary-content .cart .cart-item-row, .wishlist-content .cart .cart-item-row {
 
    width: 90% !important;
}
   .order-summary-content .common-buttons {
    text-align: center;
}


   .order-summary-content .common-buttons .button-2 { margin-bottom:5px;}
    nav { width: 100%; }

        nav li { display: block; float: none; width: 100%; height: 36px; }

            nav li a { background: none repeat scroll 0 0 #9B0766; border-bottom: 1px solid #576979; width: 100%; font-size: 14px; color: #fff; }

    .reveal-modal { width: 100%; margin: 0; padding: 0px; left: 0px; border: 0px; }

    .sp-slideshow { border: 0px !important; }

    .reveal-modal .close-reveal-modal { right: 10px; }

    .work-top { height: 110px; }

    .flt-left { width: 100%; }

    .fld-sec input[type="text"] { width: 90%; max-width: 300px; }

    .fld-sec span { display: none; }

    .textarea { width: 90% !important; }

    .sendbtn2 { width: 100%; }

    .intro-sec h2 { width: 100%; }


    .out { width: 90%; height: 100px; }

    .love-wrap { background-size: 50%; width: 100%; }


    #pics { width: 100%; display: none !important; }

    .lovepic { position: static !important; }

        .lovepic img { width: 100%; }

    .lovebtn-sec { padding-top: 0; }


    .about-sec { float: none; margin: auto; width: 90%; }

    .photo-list { width: 100%; }

    .tt-box { float: none; padding: 0px; margin-bottom: 30px; }


    .hh2 { width: 100% !important; }


        .hh2 span { width: 100% !important; }


    .cbp-bislideshow li img { height: auto !important; width: 100% !important; }

    .b-container2 { height: 110px; }


    .slide-txt-sec { display: none; }

    .slider_img { display: none; }
    .love-sec > h2 { display: none; }


    .tag_wrap {
    text-align: center;
}







    .contactbox {
    clear: both;
    float: left;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 17px !important;
    text-align: center;
}






}

@media only screen and (max-width: 320px) {


 
}