@media only screen and (max-width:1200px) {
    .footer_part1 .step1 > li.website_stuff,
    .new_year_part {
        display: none
    }
    .container {
        width: 970px
    }
    html {
        font-size: 9.75px
    }
    .title_style4:before {
        right: -95%
    }
    .title_style4:after {
        right: 5%
    }
    .seo_box_style1 .rightside .seo_bg_style1 {
        right: -20px;
        width: 140px;
        height: 140px
    }
    .seo_box_style1 .leftside {
        background-size: 400px
    }
    .seo_box_style1 .leftside .top_title .text {
        line-height: 53px;
        font-size: 1.7rem
    }
    .seo_box_style1 .leftside .top_title .pic1 {
        height: 55px;
        background: url(../_images/google5.png) center 15px/65% auto no-repeat #00A9E0
    }
    .seo_box_style1 .leftside .content {
        padding: 22px 60px
    }
    .seo_box_style1 .leftside .content .list .item {
        margin-bottom: 6px
    }
    .project_link_style1 .name {
        right: 13%;
        bottom: 31%
    }
    .goto_top {
        width: 40px
    }
    .btn_style4:hover .icon {
        left: -10px
    }
    .btn_style4 {
        line-height: 41px;
        width: 29%
    }
    .title_style5 {
        font-size: 1.35rem
    }
    .title_style7 {
        font-size: 1.55rem
    }
    .nav_style1 .step1 .item .name {
        line-height: 35px;
        padding: 0 16px
    }
    .pro_style3 .item .content .name {
        font-size: 1.1rem
    }
    .pro_style3 .item .pic {
        height: 90px
    }
    .pro_style4 .item .bg {
        background-size: 100% auto
    }
    .pro_style4 .item .pic {
        right: 17px;
        left: 10px;
        top: 12px;
        bottom: 115px
    }
    .pro_style4 .item {
        width: 30%;
        margin: 0 1.5% 40px
    }
    .faq_style .list .item {
        font-size: 1.05rem
    }
    .faq_style .list .item .icon {
        background-size: auto 60%
    }
    .home_part6 .leftside,
    .home_part6 .rightside {
        min-height: 655px
    }
    .home_part6 .leftside .pro_style1 .item .cover {
        height: 128px
    }
    .home_part6 .rightside .cat_list {
        height: 395px
    }
    .home_part6 .rightside .cat_list .item .content .title {
        font-size: 1.3rem
    }
    .home_part6 .rightside .cat_list .item .content .text {
        line-height: 22px
    }
    .home_part6 .leftside {
        padding: 105px 50px 75px 0
    }
    #home_part11 .part1 .inner,
    #home_part11 .part2 .inner {
        width: 485px
    }
    #home_part11 .part1 .title,
    #home_part11 .part2 .title {
        text-align: center
    }
    #home_part11 .countdown-amount {
        font-size: 150%
    }
    #home_part11 .part2 {
        padding-right: 14px
    }
    #home_part11 .part2 .item .pic::after,
    #home_part11 .part2 .item .pic::before {
        left: -22px
    }
    #home_part11 .part2 .item .pic {
        margin-left: 45px
    }
    #home_part11 .part2 .item .inner_text {
        width: 70%
    }
    .prodetail_part1 .part2 .pic_part .main_pic {
        font-size: 1.05rem;
        padding: 5.2% 4.99% 17%
    }
    .prodetail_part1 .part1 .info_part .info_list .item .icon {
        font-size: 1.4rem
    }
    .seo_section1 .text_part .text1 {
        font-size: 1.6rem
    }
    .seo_section1::before {
        background-size: auto 97px;
        bottom: -12px
    }
    .seo_section2 .steps_part .item .pic {
        height: 95px
    }
    .seo_section2 .steps_part .item .name {
        font-size: 2rem
    }
    .footer_part1 .main_title,
    .seo_section5 .part2 .leftside .info .name,
    .seo_section5 .part2 .leftside .info .val {
        font-size: 1.4rem
    }
    .seo_section2 .steps_part .item .pic::after {
        width: 40px
    }
    .seo_section3 .pic_anim_part .pic2 {
        width: 120px;
        top: 19%
    }
    .seo_section3 .pic_anim_part .pic3 {
        width: 50px;
        height: 53px;
        left: 28.5%;
        bottom: 30%
    }
    .seo_section4 .paper2 {
        padding: 35px 35px 230px;
        width: 57%
    }
    .seo_section4 .paper1 {
        width: 55%
    }
    .seo_section4 .paper2 .results_part .right_part {
        width: 50%
    }
    .seo_section5 .part1 {
        background-size: auto 100%;
        padding: 46px 210px
    }
    .seo_section5 .part2 .rightside .tables .item {
        padding: 0 5px
    }
    .seo_section5 .part2 .leftside .info .item.googlead {
        height: 36px
    }
    .faq_part1 .q_list:before {
        right: -100%;
        left: 19%;
        bottom: 2.53px;
        background-size: auto 100%;
        height: 4px
    }
    .faq_part1 .q_list .q_bg {
        background-size: contain
    }
    .faq_part1 .q_list::after {
        right: 90%;
        bottom: 68px;
        height: 4px;
        background-size: contain
    }
    .footer_part1 .step1 > li {
        width: 32%;
        padding-left: 5%
    }
    .footer_part1 .step1 > li.website_link {
        width: 34%
    }
    #faktor_part1 nav li a {
        font-size: 1.05rem;
        padding: 10px 9.8px
    }
    #faktor_part1 .faktor_form .services li label {
        font-size: 1rem
    }
    #faktor_part1 .faktor_form .help .website_description ul li em {
        font-size: .98rem
    }
    #faktor_part1 .faktor_form li .hover_box {
        left: -67px
    }
    #faktor_part1 .faktor_form li .hover_box:after {
        left: 28%
    }
    #faktor_part1 .faktor_form .pishnahadi .title_responsive {
        background-size: 178px
    }
    .invoice_style1 .part1 .info {
        margin-left: 35px;
        width: 33%
    }
    .about_part2 .rightside:after {
        left: -87px;
        width: 175px
    }
    .about_part2 .leftside {
        padding: 40px 110px 60px 0
    }
    .about_part2 .rightside {
        padding: 40px 0 60px 110px
    }
    .contact_part1 .contact_form .leftside {
        width: 40%
    }
    .article_leftside .main_title {
        font-size: 1.8rem
    }
    #articles .articles_list .step1 .main_title > div {
        font-size: 1.15em
    }
    .article_rightside .project_list .pro_style1 .item .cover {
        height: 140px
    }
    .pro_style2 .item.text_style2::after {
        border-right: 104px solid #F8F8F8
    }
    .pro_style2 .item.text_style:after {
        border-left: solid 104px #F8F8F8
    }
    .pro_style2 .item.text_style2 .text {
        right: -39px;
        -webkit-transform: rotate(50deg);
        -moz-transform: rotate(50deg);
        -o-transform: rotate(50deg);
        transform: rotate(50deg)
    }
    .pro_style2 .item .text {
        right: 29px;
        -webkit-transform: rotate(-50deg);
        -moz-transform: rotate(-50deg);
        -o-transform: rotate(-50deg);
        transform: rotate(-50deg)
    }
    .tab_style1 .tab_menu .step1 .item .icon {
        height: 35px;
        margin-bottom: 10px
    }
    .tab_style1 .tab_menu .step1 .item {
        padding-left: 36px
    }
    .tab_style1 .tab_menu .step1 .item .name {
        line-height: 17px
    }
    .timeline_style1 .time_title {
        font-size: 1.3rem
    }
    .timeline_style1 .time_table .info .val {
        margin-right: 0
    }
    .timeline_style1 .time_table .info .name {
        font-size: 1.1rem;
        padding-right: 50px
    }
    .biography_style .left_part {
        width: 300px
    }
    .biography_style {
        padding-right: 300px
    }
    .btn_style6 {
        padding: 0 44px 0 8px
    }
    .box_style2 {
        padding: 0
    }
    .box_style2 .item {
        margin-left: 1%;
        margin-right: 1%;
        width: 47.85%
    }
    .oppor_part2 .form_part {
        width: 60%
    }
    .oppor_part2 .content_part {
        width: 40%
    }
    .box_style3 .bs3_item1 {
        width: 31%;
        margin: 0 1%
    }
}
@media only screen and (max-width:992px) {
    .container {
        width: 750px
    }
    html {
        font-size: 9.5px
    }
    #header_section1 ul li {
        width: 100%;
        margin: 3px 0
    }
    #header_section1 #logo,
    #header_section3 {
        display: none
    }
    #header_section1 #logo img {
        width: 60px
    }
    .iwmf {
        display: none!important
    }
    #rsv_menu {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 200;
        display: block
    }
    #rsv_menu .menu_link,
    #rsv_menu .telegram_link {
        position: absolute;
        z-index: 1;
        left: 15px;
        top: 15px;
        width: 45px;
        height: 40px;
        background-color: rgba(17, 30, 38, .75);
        border-radius: 3px
    }
    #rsv_menu .telegram_link {
        margin-left: 55px
    }
    #rsv_menu .menu_link .icon,
    #rsv_menu .telegram_link .icon {
        background: url(../_images/menu_link2.png) center center/29px no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block
    }
    #rsv_menu .telegram_link .icon {
        background: url(../_images/telegram2.png) center center/23px no-repeat
    }
    #rsv_menu .logo {
        background: url(../_images/factor_logo.png) center center/contain no-repeat;
        height: 80px;
        position: absolute;
        top: 35px;
        right: 0;
        left: 0
    }
    #rsv_menu .menu_list {
        position: absolute;
        top: 0;
        left: -500px;
        width: 270px;
        height: 100%;
        background-color: #1B2F3B;
        padding: 140px 0 70px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }
    #rsv_menu .menu_list .overlay {
        position: fixed;
        cursor: pointer;
        display: none;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        background-color: rgba(0, 0, 0, .4)
    }
    #rsv_menu .menu_list .list {
        overflow: auto;
        height: 100%;
        max-height: 400px
    }
    #home_part11,
    .seo_section4 {
        overflow: hidden
    }
    #rsv_menu .menu_list .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
        margin-left: 0
    }
    #rsv_menu .menu_list .step1 .item,
    #rsv_menu .menu_list .step2 li {
        margin: 3px auto;
        color: #fff;
        line-height: 40px;
        font-size: 1.1rem;
        position: relative
    }
    #rsv_menu .menu_list .step1 .item:after,
    #rsv_menu .menu_list .step2 li:after {
        content: '';
        position: absolute;
        right: 0;
        left: 5%;
        bottom: 0;
        height: 1px;
        background: #1b2f3b;
        background: -moz-linear-gradient(left, #1b2f3b 0, #1b6291 50%, #1b2f3b 100%);
        background: -webkit-linear-gradient(left, #1b2f3b 0, #1b6291 50%, #1b2f3b 100%);
        background: linear-gradient(to right, #1b2f3b 0, #1b6291 50%, #1b2f3b 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1b2f3b', endColorstr='#1b2f3b', GradientType=1)
    }
    #rsv_menu .menu_list .step1 .item a {
        display: block;
        padding-right: 50px;
        position: relative
    }
    #rsv_menu .menu_list .step1 .item:hover > a {
        color: #50B7C9
    }
    #rsv_menu .menu_list .step1 .item .icon,
    #rsv_menu .menu_list .step2 li:before {
        content: '';
        position: absolute;
        right: 20px;
        top: 2px;
        bottom: 4px;
        width: 19px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat
    }
    #rsv_menu .menu_list .step1 .item.work_with .icon {
        width: 23px
    }
    #rsv_menu .menu_list .step1 .item .arrow_icon {
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        font-size: 1.5rem
    }
    #rsv_menu .menu_list .step1 .item .text {
        display: block
    }
    #faktor_part1 .faktor_form .help .website_description ul li em .pc,
    #home_part12 .content_part .count_title,
    #rsv_menu .menu_list .step2,
    .about_part1,
    .about_part2 .leftside:before,
    .about_part2 .rightside,
    .about_part3 .leftside .inner_text,
    .article_rightside,
    .contact_part1 .contact_form .leftside,
    .contact_part1 .contact_form .rightside::after,
    .gearbox,
    .home_part5 .leftside .pro_style3.left,
    .home_part6,
    .prodetail_part3 .leftside,
    .prodetail_part3 .rightside:before,
    .seo_section3 .pic_anim_part,
    .seo_section5 .part2 .leftside {
        display: none
    }
    #rsv_menu .menu_list .step2 .item,
    #rsv_menu .menu_list .step2 li {
        background-color: #243E4E;
        padding-right: 30px;
        margin: 0
    }
    #rsv_menu .menu_list .step2 li:before {
        background-image: url(../_images/bullet2.png);
        width: 12px;
        right: 25px
    }
    #rsv_menu .menu_list .step2 li a {
        padding-right: 15px!important
    }
    #rsv_menu .menu_list .step2 li a.en_words {
        font-size: 1.25rem
    }
    #rsv_menu .menu_list .step2 .item:after,
    #rsv_menu .menu_list .step2 li:after {
        background: #243e4e;
        background: -moz-linear-gradient(left, #243e4e 0, #192c38 50%, #243e4e 100%);
        background: -webkit-linear-gradient(left, #243e4e 0, #192c38 50%, #243e4e 100%);
        background: linear-gradient(to right, #243e4e 0, #192c38 50%, #243e4e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#243e4e', endColorstr='#243e4e', GradientType=1)
    }
    .home_part1 .part1 {
        width: 86%
    }
    .pro_style1 .item .cover {
        height: 185px
    }
    .pro_style1 .item {
        width: 48%;
        margin: 0 1% 20px
    }
    .home_part2 .btn_style4 {
        width: 65%
    }
    #home_part11 .part1,
    #home_part11 .part2 {
        width: 100%;
        min-height: 500px
    }
    #home_part11 .part1 .inner,
    #home_part11 .part2 .inner {
        width: 100%
    }
    #home_part11 .part1 .title,
    #home_part11 .part2 .title {
        font-size: 2.4rem
    }
    #home_part11 .part1 .count_title {
        margin: 50px 0 30px
    }
    #home_part11 .part1:after {
        background: url(../_images/ribon2.png) center center/cover no-repeat rgba(0, 0, 0, 0);
        bottom: -44px;
        left: 0;
        height: 103px;
        right: 0;
        width: 862px;
        top: auto
    }
    #home_part12 .pic_part,
    .pro_style5 .item .bg {
        background-size: contain
    }
    #home_part12 .pic_part .shake_little {
        bottom: 132px;
        right: 22px
    }
    #home_part12 .pic_part .shake_little img {
        width: 160px
    }
    #home_part12 .content_part {
        width: 100%
    }
    .home_part3 {
        padding: 35px 0
    }
    .home_part3 .right_side {
        width: 100%;
        padding: 30px 0 30px 30px
    }
    .home_part3 .right_side .name,
    .home_part3 .right_side .text {
        text-align: right
    }
    .home_part3 .left_side {
        width: 100%;
        border-right: none;
        border-top: 3px solid #f7720f;
        margin-top: 30px
    }
    .home_part3 .left_side .arrows {
        bottom: auto;
        right: auto;
        left: 0;
        top: -75px
    }
    .owl-theme .owl-controls {
        position: absolute;
        top: -55px;
        right: 0;
        left: 0
    }
    .seo_box_style1 .rightside {
        width: 0
    }
    .home_part5 .leftside,
    .home_part5 .leftside .pro_style3.right,
    .home_part5 .rightside,
    .seo_box_style1 .leftside {
        width: 100%
    }
    .seo_box_style1 .leftside .top_title:before,
    .seo_box_style1 .leftside::before {
        content: "";
        position: absolute;
        right: -100%;
        top: 0;
        bottom: 0;
        width: 100%;
        background-color: #00A9E0
    }
    .nav_style1 .step1 .item .name {
        font-size: 1rem;
        line-height: 33px;
        padding: 0 14px
    }
    .pro_style4 .item {
        width: 38%;
        margin: 0 5% 40px;
        min-height: 266px
    }
    .pro_style4 .item .pic {
        right: 17px;
        left: 10px;
        top: 12px;
        bottom: 106px
    }
    .pro_style4 .item .pic::before {
        right: -20px
    }
    .prodetail_part1 .part2 .pic_part {
        width: 100%;
        max-width: 580px;
        margin: 0 auto;
        float: none;
        box-shadow: 0 -1px 6px 0 #b3b3b3
    }
    .prodetail_part1 .part2 .pic_part .main_pic {
        padding: 4.7% 4.99% 14.5%
    }
    .prodetail_part1 .part1 .info_part .btn_style5 {
        margin: 45px 29px 0 0
    }
    .prodetail_part1 .part1 {
        width: 94%;
        padding-bottom: 0;
        float: none;
        max-width: 520px;
        margin: 0 auto
    }
    .prodetail_part2 .rightside {
        width: 100%;
        max-width: 530px;
        float: none;
        margin: 0 auto
    }
    .prodetail_part2 .leftside {
        width: 100%;
        float: none;
        max-width: 530px;
        margin: 20px auto 0
    }
    .prodetail_part2 .leftside::before,
    .prodetail_part2 .rightside::before {
        left: 0;
        margin-top: 0;
        border-right: solid 15px transparent;
        border-left: solid 15px transparent
    }
    .prodetail_part2 .rightside::before {
        top: 100%;
        border-top: solid 10px #FF4900
    }
    .prodetail_part2 .leftside::before {
        top: -25px;
        right: auto;
        border-bottom: solid 10px #353535
    }
    .prodetail_part3 {
        background-color: #f5f5f5
    }
    .prodetail_part3 .rightside {
        width: 100%;
        max-width: 599px;
        float: none;
        margin: 0 auto
    }
    .prodetail_part3 .rightside .content .text {
        margin-bottom: 10px
    }
    .prodetail_part3 .rightside .list .item {
        width: 33.33%
    }
    .pro_style1 .item:hover .text {
        bottom: 25%
    }
    .pro_style1 .item .name {
        font-size: 1.2rem
    }
    .pro_style1 .item .name .inner_name {
        font-size: 1.3rem
    }
    .webdesc_part1 .leftside,
    .webdesc_part1 .rightside {
        width: 100%
    }
    .cat_style1 .step1 .item {
        float: right;
        width: 48%;
        margin: 0 1% 10px
    }
    .webdesc_part1 .rightside .part1 .main_pic::before {
        background-size: contain;
        top: -41px;
        right: -2px;
        left: -2px
    }
    .webdesc_part1 .rightside .part1 .main_pic {
        border: 2px solid rgba(177, 185, 225, .94)
    }
    .website_all .cat_style1 .step1 .item {
        width: 31%
    }
    .selected_seo_part1 .project_link_style1 {
        width: 45%
    }
    .pro_style5 .item .bg .pic {
        right: 11.7%;
        left: 11.7%;
        bottom: 181px;
        height: 185px
    }
    .pro_style5 .item .info {
        height: 340px;
        padding: 3% 0;
        margin-top: -170px
    }
    .pro_style5 .item .inner {
        height: 500px!important
    }
    .pro_style5 .item .info .inside {
        padding: 50px 17% 0
    }
    .pro_style5 .item .info .name {
        line-height: 34px;
        font-size: 1.4rem;
        text-align: center
    }
    .pro_style5 .item .info .list .item {
        display: none
    }
    .btn_style5 {
        margin-top: 10px
    }
    .seo_section2 .logos_part .owl-theme .owl-controls {
        margin-top: 0;
        top: auto;
        bottom: -50px
    }
    .seo_section2 .steps_part .item .pic {
        height: 80px
    }
    .seo_section2 .steps_part .item .pic::after {
        width: 30px;
        top: 33px;
        left: -13px
    }
    .seo_section3 .text_part {
        width: 100%;
        padding: 30px 10%
    }
    .seo_section4 .paper1 {
        width: 70%
    }
    .seo_section4 .paper2 {
        width: 78%
    }
    .seo_section5 .part1 {
        background: #46CEE8;
        padding: 46px 200px 65px 30px
    }
    .seo_section5 .part2 .rightside {
        width: 100%
    }
    .faq_part1 {
        padding-top: 15px
    }
    .faq_part1 .q_list::after {
        bottom: 52px;
        height: 3px
    }
    .faq_part1 .q_list:before {
        bottom: 1.53px;
        height: 3px
    }
    .invoice_style1 {
        width: 100%
    }
    .invoice_style1 .part1 {
        padding-left: 15px
    }
    .about_part2 .leftside {
        padding: 40px;
        width: 100%;
        height: auto
    }
    .about_part2 .leftside .text {
        color: #555;
        font-size: 1.1rem
    }
    .about_part2 .leftside .title {
        color: #333
    }
    .about_part3 .rightside {
        float: none;
        width: 100%;
        max-width: 445px;
        margin: 0 auto;
        padding-top: 30px
    }
    .about_part3 .leftside {
        float: none;
        width: 100%;
        margin-top: 60px;
        padding: 0
    }
    .about_part3 .rightside .quote_part .owl-pagination {
        bottom: -335px
    }
    .contact_part1 .contact_form .rightside {
        width: 100%
    }
    .contact_part1 .contact_form {
        width: 85%
    }
    .contact_part1 .contact_info {
        width: 75%
    }
    .footer_part3 .social .item .icon {
        height: 45px
    }
    .article_leftside {
        width: 100%
    }
    #faktor {
        height: auto;
        max-height: none;
        min-height: auto
    }
    #faktor_part1 {
        float: left;
        width: 100%
    }
    #faktor_part1 .faktor_form .help .website_description ul li em .mobile {
        display: inline-block
    }
    #faktor_part2 {
        width: 100%;
        margin-top: 20px
    }
    #faktor_part2 > div > .title {
        display: none
    }
    #faktor_part2 .website_price {
        padding: 20px 0
    }
    #faktor_part2 .website_price ul li.lan_row label {
        margin-right: 6%;
        width: 11%
    }
    #faktor_part2 .website_price ul li.lan_row label.farsi {
        margin-right: 22%
    }
    #faktor_part1 nav li a {
        padding: 10px 10.2px
    }
    #faktor_part3 .price {
        display: block
    }
    .footer_part1 .br,
    .footer_part1 .step1 > li.website_article,
    .footer_part1 .websites {
        display: none
    }
    .footer_part1 {
        padding-bottom: 10px;
        padding-top: 40px
    }
    .footer_part1 .step1 > li.website_link {
        width: 50%;
        padding-left: 0;
        padding-bottom: 10px;
        min-height: 362px;
        border: none
    }
    .footer_part1 .website_link .step2 li {
        width: 50%
    }
    .footer_part1 .step1 > li.website_info {
        min-height: 320px!important
    }
    .footer_part1 .step1 > li,
    .footer_part1 .step1 > li.website_info,
    .footer_part1 .step1 > li.website_stuff {
        width: 50%;
        padding-left: 6%;
        border-bottom: solid 1px #2E5065;
        padding-bottom: 30px;
        margin-bottom: 30px;
        min-height: 390px
    }
    .footer_part1 .step1 > li.website_info,
    .footer_part1 .step1 > li.website_stuff {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0
    }
    .learn_part4 .title_style8 .result_style1 {
        display: block
    }
    .biography_style .right_part .info_text,
    .oppor_part2,
    .oppor_part3 .title,
    .tab_style1 .tab_menu .step1 .item:after,
    .timeline_style1 .item.steps,
    .timeline_style1.class_no0 {
        display: none
    }
    .timeline_style1 {
        width: 48%
    }
    .tab_style1 .tab_menu .step1 .item {
        padding: 10px 0;
        border-right: solid 1px #eee
    }
    .tab_style1 .tab_menu .step1 .item .icon {
        margin-top: 10px
    }
    .tab_style1 .tab_menu .step1 .item:before {
        right: 0;
        left: 0;
        bottom: -1px
    }
    .biography_style .left_part {
        width: 200px
    }
    .biography_style {
        padding-right: 200px
    }
    .biography_style .right_part .bio_subtitle {
        margin-bottom: 20px
    }
    .biography_style .right_part .info {
        width: 100%
    }
    .biography_style .right_part {
        min-height: 305px;
        padding-top: 25px
    }
    .btn_style6 {
        margin-top: 0
    }
    .biography_style .right_part .bio_hello {
        margin-bottom: 10px
    }
    .biography_style .right_part .main_icon {
        top: 30px;
        left: 25px;
        width: 60px
    }
    .tab_style1 .tab_menu .step1 .item {
        width: 25%;
        border-bottom: solid 1px #e9e9e9
    }
    .oppor_part3 .title.rsp_title {
        display: inline-block
    }
    .box_style2 .item {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 20px;
        display: block
    }
    .box_style3 .bs3_item1.master,
    .contact_popup {
        display: none
    }
    .box_style3 .bs3_item1 {
        width: 45%;
        height: 300px;
        max-width: 325px;
        margin: 0 2.5%;
        display: inline-block
    }
    .learn_part6 .main_title {
        margin-right: 0
    }
    .learn_part7 .form_style1 {
        width: 55%
    }
    .learn_part7 .form_style1 .sub_title,
    .learn_part7 .form_style1 input[type=text] {
        font-size: 1.15rem
    }
    .box_style3 .bs3_item1.other .title .name2 {
        font-size: 1.2rem
    }
}
@media only screen and (max-width:767px) {
    #article_detail .detail_related2,
    .faq_part1 .q_list .q_bg,
    .faq_part1 .q_list::after,
    .invoice_style1 .part1 .logo,
    .pic_anim_style1,
    .seo_section4 .paper1 {
        display: none
    }
    .container {
        width: 550px
    }
    .pro_style4 .item {
        width: 48%;
        margin: 0 1% 40px;
        min-height: 250px
    }
    .pro_style4 .item .pic {
        right: 15px;
        left: 9px;
        top: 10px;
        bottom: 101px
    }
    .seo_box_style1 .rightside .seo_bg_style1 {
        right: -27px
    }
    .footer_part1 .step1 > li.website_link {
        width: 100%
    }
    .footer_part1 .website_link .step2 li {
        width: 33.33%
    }
    .footer_part1 .step1 > li.website_info {
        width: 100%
    }
    .webdesc_part1 .rightside .part1 .main_pic::before {
        top: -30px
    }
    .website_all .cat_style1 .step1 .item {
        width: 48%
    }
    .rightside .part1 .sub_name,
    .webdesc_part1 .rightside .part1 .name {
        padding-right: 50px
    }
    .webdesc_part1 .rightside .part1 .name .icon {
        width: 40px
    }
    .pro_style1 .item .cover {
        height: 145px
    }
    .webdesc_part1 .rightside .part1 .main_pic {
        height: 215px
    }
    .prodetail_part1 .part1 {
        width: 90%
    }
    .pro_style5 .item .info .inside .list .tcenter,
    .pro_style5 .item .info .name {
        text-align: right
    }
    .pro_style5 .item .info .inside {
        padding: 0
    }
    .pro_style5 .item .info {
        padding: 0;
        background: 0 0;
        width: 30%
    }
    .pro_style5 .item .bg {
        width: 77%
    }
    .pro_style5 .item .bg .pic {
        bottom: 176px;
        height: 191px
    }
    .seo_section2 .steps_part .item .pic {
        height: 65px;
        margin-bottom: 11px
    }
    .seo_section2 .steps_part .item .name {
        font-size: 1.7rem;
        line-height: 40px
    }
    .seo_section2 .steps_part .item .pic::after {
        width: 22px;
        top: 26px;
        left: -9px
    }
    .seo_section4 .paper2 {
        width: 100%
    }
    .seo_section5 .part1 .pic {
        height: 140px;
        width: 115px;
        background-size: 80px auto
    }
    .seo_section5 .part1 .label {
        font-size: 1.4rem
    }
    .seo_section5 .part1 {
        padding: 46px 154px 30px 30px
    }
    .seo_section5 .part2 .rightside .tables .item {
        float: none;
        width: 100%;
        max-width: 325px;
        margin: 0 auto 45px
    }
    .seo_section5 .part2 .rightside {
        padding-bottom: 0
    }
    #keywords_part1 .btns a {
        width: 100%;
        margin: 0 1% 25px
    }
    .faq_part1 .q_list {
        padding: 0 0 50px
    }
    .faq_part1 .q_list:before {
        left: -100%
    }
    .faq_part1 {
        padding-top: 0
    }
    #faktor_part1 .faktor_form > div {
        margin-bottom: 30px
    }
    #faktor_part1 .faktor_form .next_page,
    #faktor_part1 .faktor_form .prev_page {
        background: #004f93;
        color: #fff;
        padding: 8px;
        left: 20px
    }
    #faktor_part1 .faktor_form .prev_page {
        right: 20px;
        left: auto
    }
    #faktor_part1 .faktor_form .next_page i,
    #faktor_part1 .faktor_form .prev_page i {
        color: #fff
    }
    #faktor_part1 .faktor_form > div > .title {
        font-size: 1.12em
    }
    #faktor_part1 .faktor_form .services li {
        width: 100%
    }
    #faktor_part1 .faktor_form .moshtarak .services li {
        width: 50%
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive > div {
        height: 91px;
        margin-left: 0;
        width: 100%
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.pc {
        background-position: left top
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.tablet {
        background-position: -3px top
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.mobile {
        background-size: 32px;
        background-position: left top
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive {
        width: 100%!important
    }
    #faktor_part1 nav ul li {
        width: 100%
    }
    #faktor_part1 nav li a {
        background: url(../_images/footerseparator.png) center 40px/530px auto no-repeat rgba(0, 0, 0, 0)
    }
    #faktor_part1 .faktor_form .website select {
        width: 72%
    }
    #faktor_part1 .faktor_form .shakhsi ul li,
    #faktor_part1 .faktor_form .shakhsi ul li input,
    #faktor_part1 .faktor_form .shakhsi ul li textarea,
    .contact_part1 .contact_form {
        width: 100%
    }
    #faktor_part1 .faktor_form .pishnahadi .title_responsive {
        background-size: 99px
    }
    #faktor_part3 input.disabled {
        font-size: 1.2em
    }
    .contact_part1 .contact_info {
        width: 90%
    }
    .footer_part3 .social .item {
        width: 100%
    }
    #sitemap .row > div {
        width: 100%;
        margin: 0 auto!important;
        max-width: 400px;
        float: none!important
    }
    #sitemap .main_title strong {
        font-size: 1.3em
    }
    #article .article_list .step1 > li .content,
    #article .article_list .step1 > li .pic {
        width: 100%;
        height: 300px
    }
    #article .article_list .step1 > li {
        height: 600px;
        margin-bottom: 30px
    }
    #articles .articles_list .step1 > li:nth-child(1),
    #articles .articles_list .step1 > li:nth-child(2),
    #articles .articles_list .step1 > li:nth-child(3) {
        border-top: 1px solid #eee;
        border-left: 1px solid #eee
    }
    .invoice_style1 .part1 .info {
        border: none;
        margin-left: 0;
        width: 41%;
        padding-left: 10px
    }
    .invoice_style1 .part1 .shape {
        height: 150px
    }
    .invoice_style1 .part1 .shape::before {
        border-right: solid 178px #3d3d3d
    }
    .invoice_style1 .part2 {
        padding: 0 3% 50px
    }
    #articles .articles_list > .inner {
        float: none;
        width: 100%;
        margin: 0 auto;
        max-width: 350px
    }
    #articles .articles_list .step1 > li {
        width: 100%;
        border: none;
        border-bottom: 1px solid #eee
    }
    .learn_part2 {
        margin: 0
    }
    #article_detail .detail_footer .step1 > li.telegram_link {
        width: 90%
    }
    .btn_style6 {
        line-height: 25px
    }
    .btn_style6:before {
        top: 0;
        height: 100%;
        transform: rotate(0)
    }
    .btn_style6 .icon {
        right: 0;
        top: 0;
        width: 37px
    }
    .box_style3 .bs3_item1 {
        width: 50%;
        max-width: 325px;
        margin: 0 auto;
        border-width: 3px
    }
    .learn_part7 .form_style1 {
        width: 100%;
        max-width: 440px
    }
}
@media only screen and (max-width:550px) {
    #home_part11,
    #home_part12,
    #rsv_menu .menu_list .step1 .item.selected_project,
    .home_part1 .part2,
    .seo_section1 .pic_anim_part,
    .seo_section4 .paper2 .results_part .result_header .right_part,
    .seo_section5 .part1 .pic {
        display: none
    }
    .container {
        width: 100%;
        padding: 0 15px
    }
    #header_section1 ul li address,
    #header_section1 ul li em {
        width: 75%;
        font-size: 1rem;
        line-height: 23px
    }
    .footer_part1 .website_link .step2 li {
        width: 50%
    }
    .home_part1 .part1 .type2 {
        font-size: 2.5rem
    }
    .home_part1 .part1 .text {
        font-size: 2.1rem
    }
    .home_part1 .part1 .sub_text {
        font-size: 1.1rem;
        letter-spacing: 1px
    }
    .home_part1 .part1 {
        width: 100%;
        margin-bottom: 80px
    }
    .btn_style2 {
        margin: 10px auto;
        font-size: 1.4rem;
        width: 100%;
        max-width: 300px
    }
    .pro_style1 .item {
        width: 100%;
        max-width: 280px;
        margin: 0 auto 20px;
        float: none
    }
    .pro_style1 .item .cover {
        height: 165px
    }
    .pro_style1 .item:hover .text {
        bottom: 15%
    }
    .home_part2 .btn_style4 {
        width: 90%
    }
    .home_part3 .left_side .arrows {
        top: -50px
    }
    .home_part3 .left_side .item {
        padding: 40px 126px 30px 30px
    }
    .home_part3 .left_side .item .text {
        font-size: 1.1rem
    }
    #faktor_part1 .faktor_form > div > .title,
    .title_style6 .text {
        font-size: 1.3rem
    }
    .seo_box_style1 .leftside .content {
        padding: 22px
    }
    .title_style4:before {
        right: -80%
    }
    .title_style4:after {
        right: 20%
    }
    .seo_box_style1 .rightside .seo_bg_style1 {
        right: -12px;
        width: 130px;
        top: -53px
    }
    .seo_box_style1 .leftside .top_title .text {
        padding-right: 35px
    }
    .seo_box_style1 .leftside {
        min-height: auto;
        padding-bottom: 55px
    }
    .btn_style4 {
        width: 50%
    }
    .pro_style3 .item .pic {
        height: 85px
    }
    .pro_style3 .item {
        margin-bottom: 20px
    }
    .pro_style4 .item {
        width: 100%;
        margin: 0 auto 50px;
        min-height: 279px;
        max-width: 300px;
        float: none
    }
    .pro_style4 .item .pic {
        right: 18px;
        top: 13px
    }
    .pro_style4 .item .name {
        bottom: -10px
    }
    .prodetail_part1 .part1 .info_part .circle_part {
        width: 180px
    }
    .prodetail_part1 .part1 .info_part .circle_part .logo {
        left: 10px;
        top: 13px;
        width: 110px;
        height: 120px;
        background-size: auto 37%
    }
    .prodetail_part1 .part1 .info_part .progress {
        right: 15px
    }
    .prodetail_part1 .part2 .pic_part .main_pic {
        padding: 5.7% 4.99% 19.5%
    }
    .prodetail_part1 .part2 .pic_part .main_pic.tablet {
        padding: 7.5% 4.8% 8%
    }
    .prodetail_part1 .part2 .pic_part .main_pic.mobile {
        padding: 11% 3.2% 12% 3.4%
    }
    .title_style7 {
        line-height: 35px
    }
    .webdesc_part1 .rightside .part1 .main_pic::before {
        top: -26px;
        height: 26.5px
    }
    .cat_style1 .step1 .item,
    .website_all .cat_style1 .step1 .item {
        float: none;
        width: 100%;
        margin: 0 auto 10px;
        max-width: 300px
    }
    .seo_section1 .text_part {
        padding: 0 5%
    }
    .seo_section1 {
        padding: 40px 0 35px;
        min-height: auto
    }
    .seo_section1::after,
    .seo_section1::before {
        height: 100px
    }
    .seo_section1::before {
        background-size: auto 70px;
        bottom: -4px
    }
    .prodetail_part1 .part1 .info_part .info_list {
        padding: 23px 5px 200px
    }
    .prodetail_part1 .part1 .info_part .btn_style5 {
        position: absolute;
        bottom: 150px;
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 70%;
        max-width: 190px
    }
    .prodetail_part2 .leftside,
    .prodetail_part2 .rightside {
        height: auto;
        padding: 20px 20px 230px
    }
    .prodetail_part2 .leftside .text,
    .prodetail_part2 .rightside .text {
        width: 100%;
        float: none
    }
    .prodetail_part3 .rightside .list .item {
        width: 50%
    }
    .prodetail_part1 .part1 .info_part .logo_pic {
        width: 18%
    }
    .prodetail_part1 .part1 {
        width: 100%;
        height: auto
    }
    .seo_section2 .steps_part .item {
        float: none;
        width: 100%;
        max-width: 300px;
        margin: 0 auto 80px
    }
    .seo_section2 .steps_part .item:last-of-type {
        margin-bottom: 0
    }
    .seo_section2 .steps_part .item .pic::after {
        width: 33px;
        top: auto;
        bottom: -125px;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .seo_section2,
    .seo_section3 {
        overflow: hidden
    }
    .seo_section4 .paper2 .results_part .right_part {
        margin-bottom: 20px
    }
    .seo_section4 .paper2 {
        padding: 90px 35px 230px
    }
    .seo_section4 .paper2 .top_text {
        margin-bottom: 40px
    }
    .seo_section4 .paper2 .results_part .right_part .logo {
        right: 0;
        top: 0;
        left: 0;
        height: 50px;
        width: 50px;
        margin: 0 auto
    }
    .seo_section5 .part1 {
        padding: 90px 30px 30px
    }
    .seo_section4 .paper2 .results_part .result_header .left_part {
        width: 100%;
        padding-left: 0
    }
    .seo_section4 .paper2 .results_part .step1 .item {
        display: block
    }
    .seo_section4 .paper2 .results_part .right_part {
        width: 100%;
        display: block;
        text-align: center
    }
    .biography_style,
    .invoice_style1 .part1 .shape::after,
    .invoice_style1 .part1 .shape::before,
    .learn_part6 .main_title .arrow1,
    .learn_part6 .main_title .arrow2,
    .oppor_part1,
    .table_style2 .col2,
    .timeline_style1 .time_table .item2:last-child {
        display: none
    }
    .seo_section4 .paper2 .results_part .right_part .content {
        padding: 60px 0 5px
    }
    #faktor {
        padding-right: 20px;
        padding-left: 20px
    }
    #faktor_part1 .faktor_form > div > .title:after {
        bottom: -12px;
        opacity: .5
    }
    #faktor_part1 .faktor_form .help .website_description ul li em {
        font-size: 1rem
    }
    #faktor_part1 .faktor_form .website select {
        width: 83%
    }
    #faktor_part1 .faktor_form .moshtarak .services li,
    #faktor_part2 > div {
        width: 100%
    }
    #faktor_part1 .faktor_form .website .help_link a {
        font-size: .9em
    }
    #faktor_part1 .faktor_form .paye .services li,
    #faktor_part1 .faktor_form .takhasosi .services li {
        border-bottom: 1px solid #eee;
        padding-top: 20px;
        position: relative
    }
    #faktor_part1 .faktor_form .paye .services li label,
    #faktor_part1 .faktor_form .takhasosi .services li label {
        position: static;
        padding-right: 0
    }
    #faktor_part1 .faktor_form .paye .services li label input,
    #faktor_part1 .faktor_form .takhasosi .services li label input {
        float: none!important;
        margin: 0;
        right: 50%;
        text-align: center;
        top: -4px
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive > div {
        height: 80px
    }
    #faktor_part1 .faktor_form .services li label {
        font-size: 1rem
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.pc {
        background-size: 98px;
        background-position: left center;
        text-align: right
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.tablet {
        background-position: -2px center
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.mobile {
        background-size: 18px auto;
        background-position: left center
    }
    #faktor_part2 .website_price {
        height: auto;
        margin-bottom: 20px;
        padding-bottom: 15px
    }
    #faktor_part2 .website_price .last_price {
        margin-top: 15px
    }
    #faktor_part3 input.disabled {
        font-size: .75em
    }
    #faktor_part2 .website_price ul li.lan_row label.farsi {
        margin-right: 9%
    }
    #faktor_part2 .website_price ul li.lan_row label {
        margin-right: 1%;
        width: 22%
    }
    #faktor_part1 .faktor_form .pishnahadi .title_responsive {
        background-size: 85px
    }
    .invoice_style1 .part1 .shape {
        height: 95px;
        width: 100%
    }
    .invoice_style1 .part1 {
        padding-left: 0
    }
    .invoice_style1 .part1 .info {
        width: 100%;
        padding: 10px 25px
    }
    .invoice_style1 .part2 .main_title {
        font-size: 1.5rem
    }
    .table_style2 .col3 {
        width: 25%
    }
    .table_style2 .col1 {
        width: 70%
    }
    .table_style2 .col4 {
        width: 35%
    }
    .invoice_style1 .part3 .info .item {
        width: 100%
    }
    .contact_part1 .contact_info .step1 li .icon {
        right: 16%
    }
    .timeline_style1 {
        width: 100%;
        max-width: 340px;
        float: none;
        margin: 0 auto 40px
    }
    .learn_part1 .title1 {
        padding-top: 25px;
        line-height: 43px
    }
    .tab_style1 .tab_menu .step1 .item {
        padding-right: 8px;
        padding-left: 8px
    }
    .box_style3 .bs3_item1 {
        width: 100%;
        max-width: 325px;
        margin: 0 auto 30px;
        display: block;
        float: none;
        border-width: 3px
    }
}
@media only screen and (max-width:320px) {
    footer .footer_part1 .sub_menu li {
        width: 100%
    }
    footer .footer_part1 .social_items li {
        width: 50%
    }
    footer .footer_part2 .copyright p {
        width: 90%
    }
    #faktor_part3 input {
        font-size: 1.2em
    }
    #faktor_part1 .faktor_form .help .website_description ul li em {
        font-size: .75em
    }
    #faktor_part1 .faktor_form .moshtarak .services li i {
        font-size: .95em
    }
    #faktor_part1 .faktor_form .website .help_link a {
        font-size: .69em;
        padding-right: 0;
        border-bottom: solid 1px #52b2a6;
        text-decoration: none
    }
    #faktor_part1 .faktor_form .website select {
        width: 100%;
        font-size: .7em
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive > div {
        height: 90px
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.pc {
        background-size: 80px
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.tablet {
        background-size: 27px auto
    }
    #faktor_part1 .faktor_form .pishnahadi .faktor_responsive div.mobile {
        background-size: 17px auto
    }
    #faktor_part2 .website_price ul li.lan_row label.farsi {
        margin-right: 0
    }
    #faktor_part2 .website_price ul li.lan_row label {
        margin-right: 0;
        width: 25%
    }
    #faktor_part3 input.disabled {
        font-size: .65em
    }
    #faktor_part1 .faktor_form .website .help_link {
        background-size: 79px
    }
    #faktor_part1 .faktor_form .services li label {
        font-size: .68em;
        text-align: right
    }
    #faktor_part1 .faktor_form .pishnahadi .title_responsive {
        background: url(../_images/footerseparator.png) right 27px no-repeat, url(../_images/footerseparator.png) left no-repeat;
        background-size: 200px
    }
    #faktor_part1 .faktor_form .pishnahadi .services li .title {
        font-size: .75em;
        margin-bottom: 10px
    }
    #faktor_part1 .faktor_form li .hover_box {
        left: -50px;
        width: 215px
    }
    #faq .part2 .q {
        font-size: .95em
    }
    #site_description .title {
        font-size: 1em
    }
    #site_description .title .print_faktor {
        font-size: .6em
    }
    #site_description .part3 .customNavigation a {
        padding: 16px 58px
    }
    #site_description .part3 .slide {
        padding: 0
    }
    #site_boxes .boxes ul li {
        width: 100%
    }
    #project_details .project_part1 aside.pic .main_pic.desktop {
        padding: 10% 4.8% 35%
    }
    #project_details .project_part1 aside.pic .main_pic.tablet {
        padding: 14% 5.8% 15.5%
    }
    #project_details .project_part1 aside.pic .main_pic.mobile {
        padding: 19% 4.2% 22.5%
    }
}
.mac * {
    font-weight: 400!important
}
.mac #header_section2 .big_menu > ul > li.sub_box div {
    top: 75px
}
.mac #home_part6 ul li strong {
    float: left;
    width: 52.9%
}
.mac #faktor_part2 .website_price ul li.price_row label {
    margin-top: 10px
}
@-webkit-keyframes shake-little {
    0% {
        -webkit-transform: translate(0, 0) rotate(0)
    }
    12%,
    2%,
    38%,
    44%,
    56%,
    64%,
    68%,
    82%,
    84% {
        -webkit-transform: translate(-1px, 0) rotate(-.5deg)
    }
    14%,
    18%,
    20%,
    26%,
    28%,
    30%,
    34%,
    4%,
    42%,
    48%,
    6%,
    60%,
    62%,
    74%,
    90%,
    96% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }
    16%,
    24%,
    40%,
    46%,
    50%,
    52%,
    54%,
    66%,
    76%,
    8%,
    86%,
    88%,
    92%,
    94%,
    98% {
        -webkit-transform: translate(0, 0) rotate(-.5deg)
    }
    10%,
    22%,
    32%,
    36%,
    58%,
    70%,
    72%,
    78%,
    80% {
        -webkit-transform: translate(0, -1px) rotate(-.5deg)
    }
}
@-ms-keyframes shake-little {
    0% {
        -ms-transform: translate(0, 0) rotate(0)
    }
    10%,
    16%,
    18%,
    2%,
    4%,
    68%,
    92% {
        -ms-transform: translate(0, 0) rotate(-.5deg)
    }
    20%,
    24%,
    26%,
    38%,
    50%,
    54%,
    6%,
    60%,
    64%,
    70%,
    72%,
    76%,
    78%,
    96% {
        -ms-transform: translate(-1px, 0) rotate(-.5deg)
    }
    12%,
    14%,
    28%,
    30%,
    32%,
    34%,
    36%,
    40%,
    46%,
    48%,
    56%,
    58%,
    62%,
    8%,
    80%,
    84%,
    86%,
    88%,
    94%,
    98% {
        -ms-transform: translate(0, -1px) rotate(-.5deg)
    }
    22%,
    42%,
    44%,
    52%,
    66%,
    74%,
    82%,
    90% {
        -ms-transform: translate(-1px, -1px) rotate(-.5deg)
    }
}
@keyframes shake-little {
    0% {
        transform: translate(0, 0) rotate(0)
    }
    10%,
    2%,
    20%,
    22%,
    24%,
    38%,
    4%,
    42%,
    46%,
    66%,
    72%,
    74%,
    84%,
    90% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }
    12%,
    14%,
    18%,
    32%,
    40%,
    52%,
    56%,
    58%,
    6%,
    60%,
    64%,
    70%,
    78%,
    88% {
        transform: translate(0, 0) rotate(-.5deg)
    }
    16%,
    28%,
    30%,
    34%,
    48%,
    50%,
    62%,
    68%,
    8%,
    80%,
    86%,
    96%,
    98% {
        transform: translate(0, -1px) rotate(-.5deg)
    }
    26%,
    36%,
    44%,
    54%,
    76%,
    82%,
    92%,
    94% {
        transform: translate(-1px, 0) rotate(-.5deg)
    }
}
@media print {
    #breadcrumb,
    .invoice_style1 .part4 .content:before,
    footer,
    header {
        display: none
    }
    .invoice_style1 .part1 .shape .title {
        font-size: 13.5px;
        color: #eee
    }
    .invoice_style1 .part1 .shape .text,
    .table_style2 tbody {
        font-size: 12px
    }
    .invoice_style1 .part1 .shape::before {
        top: -1px;
        left: -139px
    }
    .invoice_style1 .part1 .shape {
        top: 1px
    }
    .table_style2 tbody .col1 {
        color: #333
    }
    .table_style2 tbody .col2 {
        font-size: 11px
    }
    .table_style2 .col5,
    .table_style2 tbody .col3 {
        font-size: 14px;
        color: #333
    }
    .invoice_style1 .part1 .info .item .name {
        color: #555;
        font-size: 12px
    }
    .invoice_style1 .part1 .info .item .val {
        font-size: 11px
    }
    .invoice_style1 .part2 .main_title .mark {
        color: #555
    }
    .table_style2 tbody tr {
        border-bottom: solid 1px #ddd
    }
    .table_style2 tfoot {
        color: #555;
        font-size: 12.5px
    }
    .table_style2 tfoot .total_price {
        color: #222;
        font-size: 18px
    }
    .invoice_style1 .part3 .info .item {
        font-size: 12px
    }
    .invoice_style1 .part3 .info .item .name {
        color: #555
    }
    .invoice_style1 .part3 .info .item .val {
        color: #333
    }
    .invoice_style1 .part4 {
        background-color: #fff;
        border: 1px solid #ccc
    }
    .invoice_style1 .part4 .title {
        color: #333;
        font-size: 14px
    }
    .invoice_style1 .part4 .text {
        color: #555;
        font-size: 12px;
        margin-top: 10px
    }
}