.portfolio_id_form {
    position:relative
}
.portfolio_id_form #progress_div_with_gif img {
	height: 60px;
	width: 60px;
	margin-top: 15px;
	margin-left: 0px;
}
.portfolio_id_form_send {
    background-color: #6f91a5 !important;
    color: #fff !important;
    border: 0 !important;
}
.portfolio_id_form_send:focus {
    background-color: #6f91a5 !important;
    color: #fff !important;
    border: 0 !important;
}
.portfolio_id_form_send:hover {
    background-color: #69bec7 !important;
    color: #fff !important;
    border: 0 !important;
}
/* Media Queries for Desktop
---------------------------------------------------------------*/
@media all and (min-width: 1438px) {
    .portfolio_id_section {
        width: 100%;
        float: right;
        padding-top: 131px;
        position: relative;
    }

    .portfolio_id_grid {
        float: right;
        width: 70%;
        margin-right: 15%;
        margin-left: 15%;
        padding-bottom: 100px;
    }

    .portfolio_id_header {
        margin: 0;
        background: #fff;
        float: right;
        width: 100%;
        height: 80px;
        box-sizing: border-box;
        position: relative;
        border-bottom: 0px solid #ccc;
    }

    .portfolio_id_header_nav {
        width: auto;
        float: left;
        margin-top: 18px;
    }

    .portfolio_id_close {
        float: left;
        width: 30px;
        margin-right: 30px;
        margin-top: 7px;
        cursor: pointer;
    }

    .portfolio_id_next {
        width: 15px;
        float: left;
        margin-right: 30px;
        cursor: pointer;
    }

    .portfolio_id_prev {
        width: 15px;
        float: left;
        cursor: pointer;
    }

    .portfolio_id_left {
        float: left;
        width: calc(100% - 330px);
    }

    .portfolio_id_img {
        float: left;
        width: 100%;
        /*    height: 600px;
    overflow:hidden;*/
    }

    .portfolio_id_right {
        float: right;
        width: 290px;
        border-left-color: #ccc;
        border-left-style: solid;
        border-left-width: 1px;
        box-sizing: border-box;
        height: 600px;
        margin-left: 40px;
        position: relative
    }

        .portfolio_id_right h1 {
            float: right;
            width: 100%;
            margin-top: 5px;
            padding-right: 0;
            padding-left: 20px;
            box-sizing: border-box;
        }

        .portfolio_id_right h2 {
            float: right;
            width: 100%;
            border-bottom-color: #ababab;
            border-bottom-style: solid;
            border-bottom-width: 0px;
            margin-bottom: 25px;
            padding-left: 20px;
            box-sizing: border-box;
        }

    .portfolio_id_tags_container {
        float: right;
        width: 100%;
        margin-bottom: 15px
    }

    .portfolio_id_tag {
        float: right;
        width: 100%;
        font-size: 17px;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        color: #353d4a !important;
        margin-bottom: 6px;
    }

        .portfolio_id_tag i {
            float: right;
            margin-left: 12px;
            font-size: 30px
        }

        .portfolio_id_tag:hover {
            color: #ff564f !important;
        }

    .portfolio_id_credit_container {
        float: right;
        width: 100%;
        margin-bottom: 15px
    }

    .portfolio_id_credit_item {
        float: right;
        width: 100%;
        margin-bottom: 3px;
    }

    .portfolio_id_credit_title {
        float: right;
        width: auto;
        font-size: 17px;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        margin-left: 7px;
        color: #353d4a;
    }

    .portfolio_id_credit_text {
        float: right;
        width: auto;
        font-size: 17px;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        color: #353d4a;
    }

    .portfolio_id_btn_container {
        float: right;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .portfolio_id_btn_back {
        width: 90px;
        margin-left: 10px;
        color: #686868;
        background-color: transparent;
        border: 1px solid #686868
    }

    .portfolio_id_view_web {
        width: 150px;
        color: #fff;
        background-color: #6a77bb;
        border: 1px solid #6a77bb
    }

    .portfolio_id_btn_animation {
        font-size: 17px;
        text-align: center;
        float: right;
        line-height: 2.2em;
        -webkit-transition: all ease 0.1s;
        -moz-transition: all ease 0.1s;
        -o-transition: all ease 0.1s;
        -ms-transition: all ease 0.1s;
        transition: all ease 0.1s;
        box-sizing: border-box;
        direction: rtl;
        border-radius: 2px;
        font-family: 'almoni-neue', sans-serif;
    }

    .portfolio_id_form {
        float: left;
        width: 100%;
        margin-top: 50px;
    }

    .portfolio_id_form_right {
        float: right;
        width: 290px;
        border-left-color: #ccc;
        border-left-style: solid;
        border-left-width: 1px;
        box-sizing: border-box;
        height: 86px;
        margin-left: 40px;
        position: relative
    }

    .portfolio_id_form_left {
        float: left;
        width: calc(100% - 330px);
        height: 86px;
    }

    .portfolio_id_form_fields_container {
        float: right;
        width: calc(100% - 96px);
    }

    .portfolio_id_form_field_short {
        float: right;
        width: calc(33.333% - 10px);
        margin-left: 10px;
        margin-bottom: 10px;
    }

        .portfolio_id_form_field_short:nth-of-type(3n) {
            float: right;
            width: 33.333%;
            margin-left: 0px;
            margin-bottom: 10px;
        }

    .portfolio_id_form_field_long {
        float: right;
        width: 100%;
        margin-bottom: 10px;
    }

    .portfolio_id_form_send_container {
        float: left;
        width: 86px;
        height: 86px;
        background-color: #ccc;
        display: table;
        direction: rtl;
    }

    .portfolio_id_form_send {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 86px;
        font-size: 26px;
        border: 0;
        font-weight: 300;
        font-family: 'almoni-neue-tzar';
        border:0 !important
    }

        .portfolio_id_form_send:focus {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            height: 86px;
            font-size: 26px;
            border: 0;
            font-weight: 300;
            font-family: 'almoni-neue-tzar';
        }

    .fusion_grid_home_right_contact_title {
        float: right;
        width: 100%;
    }

    .fusion_grid_home_right_contact_text {
        float: right;
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box;
    }

    #carusel6 .owl-prev {
        background-position: left center;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        zoom: 1;
        width: 15px;
        height: 40px;
        display: inline;
        margin: 0px;
        padding: 0px 0px;
        font-size: 0px;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        border: 0px solid #939598;
        filter: Alpha(Opacity=50);
        opacity: 1;
        position: absolute;
        left: 20px;
        top: 280px;
        font-family: 'arial';
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        background-image: url('../../images/System/portfolio_arrow_left.png');
        background-repeat: no-repeat;
    }

    #carusel6 .owl-next {
        background-position: right center;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        zoom: 1;
        width: 15px;
        height: 40px;
        display: inline;
        margin: 0px;
        padding: 0px 0px;
        font-size: 0px;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        border: 0px solid #939598;
        filter: Alpha(Opacity=50);
        opacity: 1;
        position: absolute;
        right: 20px;
        top: 280px;
        font-family: 'arial';
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        background-image: url('../../images/System/portfolio_arrow_right.png');
        background-repeat: no-repeat;
    }
}
/* Media Queries for Laptop
-------------------------------------------------------------- */
@media all and (max-width: 1439px) and (min-width: 769px) {
    .portfolio_id_section {
        width: 100%;
        float: right;
        padding-top: 91px;
        position: relative;
    }

    .portfolio_id_grid {
        float: right;
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        padding-bottom: 100px;
    }

    .portfolio_id_header {
        margin: 0;
        background: #fff;
        float: right;
        width: 100%;
        height: 80px;
        box-sizing: border-box;
        position: relative;
        border-bottom: 0px solid #ccc;
    }

    .portfolio_id_header_nav {
        width: auto;
        float: left;
        margin-top: 18px;
    }

    .portfolio_id_close {
        float: left;
        width: 30px;
        margin-right: 30px;
        margin-top: 7px;
        cursor: pointer;
    }

    .portfolio_id_next {
        width: 15px;
        float: left;
        margin-right: 30px;
        cursor: pointer;
    }

    .portfolio_id_prev {
        width: 15px;
        float: left;
        cursor: pointer;
    }

    .portfolio_id_left {
        float: left;
        width: calc(100% - 330px);
    }

    .portfolio_id_img {
        float: left;
        width: 100%;
        /*    height: 600px;
    overflow:hidden;*/
    }

    .portfolio_id_right {
        float: right;
        width: 290px;
        border-left-color: #ccc;
        border-left-style: solid;
        border-left-width: 1px;
        box-sizing: border-box;
        height: 600px;
        margin-left: 40px;
        position: relative
    }

        .portfolio_id_right h1 {
            float: right;
            width: 100%;
            margin-top: 5px;
            padding-right: 0;
            padding-left: 20px;
            box-sizing: border-box;
        }

        .portfolio_id_right h2 {
            float: right;
            width: 100%;
            border-bottom-color: #ababab;
            border-bottom-style: solid;
            border-bottom-width: 0px;
            margin-bottom: 25px;
            padding-left: 20px;
            box-sizing: border-box;
        }

    .portfolio_id_tags_container {
        float: right;
        width: 100%;
        margin-bottom: 15px
    }

    .portfolio_id_tag {
        float: right;
        width: 100%;
        font-size: 17px;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        color: #353d4a !important;
        margin-bottom: 6px;
    }

        .portfolio_id_tag i {
            float: right;
            margin-left: 12px;
            font-size: 30px
        }

        .portfolio_id_tag:hover {
            color: #ff564f !important;
        }

    .portfolio_id_credit_container {
        float: right;
        width: 100%;
        margin-bottom: 15px
    }

    .portfolio_id_credit_item {
        float: right;
        width: 100%;
        margin-bottom: 3px;
    }

    .portfolio_id_credit_title {
        float: right;
        width: auto;
        font-size: 17px;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        margin-left: 7px;
        color: #353d4a;
    }

    .portfolio_id_credit_text {
        float: right;
        width: auto;
        font-size: 17px;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        color: #353d4a;
    }

    .portfolio_id_btn_container {
        float: right;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .portfolio_id_btn_back {
        width: 90px;
        margin-left: 10px;
        color: #686868;
        background-color: transparent;
        border: 1px solid #686868
    }

    .portfolio_id_view_web {
        width: 150px;
        color: #fff;
        background-color: #6a77bb;
        border: 1px solid #6a77bb
    }

    .portfolio_id_btn_animation {
        font-size: 17px;
        text-align: center;
        float: right;
        line-height: 2.2em;
        -webkit-transition: all ease 0.1s;
        -moz-transition: all ease 0.1s;
        -o-transition: all ease 0.1s;
        -ms-transition: all ease 0.1s;
        transition: all ease 0.1s;
        box-sizing: border-box;
        direction: rtl;
        border-radius: 2px;
        font-family: 'almoni-neue', sans-serif;
    }

    .portfolio_id_form {
        float: left;
        width: 100%;
        margin-top: 50px;
    }

    .portfolio_id_form_right {
        float: right;
        width: 290px;
        border-left-color: #ccc;
        border-left-style: solid;
        border-left-width: 1px;
        box-sizing: border-box;
        height: 86px;
        margin-left: 40px;
        position: relative
    }

    .portfolio_id_form_left {
        float: left;
        width: calc(100% - 330px);
        height: 86px;
    }

    .portfolio_id_form_fields_container {
        float: right;
        width: calc(100% - 96px);
    }

    .portfolio_id_form_field_short {
        float: right;
        width: calc(33.333% - 10px);
        margin-left: 10px;
        margin-bottom: 10px;
    }

        .portfolio_id_form_field_short:nth-of-type(3n) {
            float: right;
            width: 33.333%;
            margin-left: 0px;
            margin-bottom: 10px;
        }

    .portfolio_id_form_field_long {
        float: right;
        width: 100%;
        margin-bottom: 10px;
    }

    .portfolio_id_form_send_container {
        float: left;
        width: 86px;
        height: 86px;
        background-color: #ccc;
        display: table;
        direction: rtl;
    }

    .portfolio_id_form_send {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 86px;
        font-size: 26px;
        border: 0;
        font-weight: 300;
        font-family: 'almoni-neue-tzar';
    }

    .portfolio_id_form_send:focus {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 86px;
        font-size: 26px;
        border: 0;
        font-weight: 300;
        font-family: 'almoni-neue-tzar';
    }

    .fusion_grid_home_right_contact_title {
        float: right;
        width: 100%;
    }

    .fusion_grid_home_right_contact_text {
        float: right;
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box;
    }

    #carusel6 .owl-prev {
        background-position: left center;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        zoom: 1;
        width: 15px;
        height: 40px;
        display: inline;
        margin: 0px;
        padding: 0px 0px;
        font-size: 0px;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        border: 0px solid #939598;
        filter: Alpha(Opacity=50);
        opacity: 1;
        position: absolute;
        left: 20px;
        top: 280px;
        font-family: 'arial';
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        background-image: url('../../images/System/portfolio_arrow_left.png');
        background-repeat: no-repeat;
    }

    #carusel6 .owl-next {
        background-position: right center;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        zoom: 1;
        width: 15px;
        height: 40px;
        display: inline;
        margin: 0px;
        padding: 0px 0px;
        font-size: 0px;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        border: 0px solid #939598;
        filter: Alpha(Opacity=50);
        opacity: 1;
        position: absolute;
        right: 20px;
        top: 280px;
        font-family: 'arial';
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        background-image: url('../../images/System/portfolio_arrow_right.png');
        background-repeat: no-repeat;
    }
}
/* Media Queries for Ipad
-------------------------------------------------------------- */
@media all and (max-width: 768px) and (min-width: 481px) {
    .portfolio_id_section {
        width: 100%;
        float: right;
        padding-top: 51px;
        position: relative;
    }

    .portfolio_id_grid {
        float: right;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .portfolio_id_header {
        margin: 0;
        background: #fff;
        float: right;
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        position: relative;
        border-bottom: 0px solid #ccc;
    }

    .portfolio_id_header_nav {
        width: auto;
        float: left;
        margin-top: 10px;
    }

    .portfolio_id_close {
        float: left;
        width: 20px;
        margin-right: 30px;
        margin-top: 4px;
        cursor: pointer;
    }

    .portfolio_id_next {
        width: 10px;
        float: left;
        margin-right: 30px;
        cursor: pointer;
    }

    .portfolio_id_prev {
        width: 10px;
        float: left;
        cursor: pointer;
    }

    .portfolio_id_left {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .portfolio_id_img {
        float: left;
        width: 100%;
        /*    height: 600px;
    overflow:hidden;*/
    }

    .portfolio_id_right {
        float: right;
        width: 100%;
        border-left-color: #ccc;
        border-left-style: solid;
        border-left-width: 1px;
        box-sizing: border-box;
        margin-left: 40px;
        position: relative
    }

        .portfolio_id_right h1 {
            float: right;
            width: 100%;
            margin-top: 5px;
            padding-right: 0;
            padding-left: 20px;
            box-sizing: border-box;
        }

        .portfolio_id_right h2 {
            float: right;
            width: 100%;
            border-bottom-color: #ababab;
            border-bottom-style: solid;
            border-bottom-width: 0px;
            margin-bottom: 25px;
            padding-left: 20px;
            box-sizing: border-box;
        }

    .portfolio_id_tags_container {
        float: right;
        width: 100%;
        margin-bottom: 15px
    }

    .portfolio_id_tag {
        float: right;
        width: 100%;
        font-size: 17px;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        color: #353d4a !important;
        margin-bottom: 6px;
    }

        .portfolio_id_tag i {
            float: right;
            margin-left: 12px;
            font-size: 30px
        }

        .portfolio_id_tag:hover {
            color: #ff564f !important;
        }

    .portfolio_id_credit_container {
        float: right;
        width: 100%;
        margin-bottom: 15px
    }

    .portfolio_id_credit_item {
        float: right;
        width: 100%;
        margin-bottom: 3px;
    }

    .portfolio_id_credit_title {
        float: right;
        width: auto;
        font-size: 17px;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        margin-left: 7px;
        color: #353d4a;
    }

    .portfolio_id_credit_text {
        float: right;
        width: auto;
        font-size: 17px;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        color: #353d4a;
    }

    .portfolio_id_btn_container {
        float: right;
        width: 100%;
        position: relative;
        bottom: 0;
    }

    .portfolio_id_btn_back {
        width: 80px;
        margin-left: 10px;
        color: #686868;
        background-color: transparent;
        border: 1px solid #686868
    }

    .portfolio_id_view_web {
        width: 100px;
        color: #fff;
        background-color: #6a77bb;
        border: 1px solid #6a77bb
    }

    .portfolio_id_btn_animation {
        font-size: 17px;
        text-align: center;
        float: right;
        line-height: 2.2em;
        -webkit-transition: all ease 0.1s;
        -moz-transition: all ease 0.1s;
        -o-transition: all ease 0.1s;
        -ms-transition: all ease 0.1s;
        transition: all ease 0.1s;
        box-sizing: border-box;
        direction: rtl;
        border-radius: 2px;
        font-family: 'almoni-neue', sans-serif;
    }

    .portfolio_id_form {
        float: left;
        width: 100%;
        margin-top: 50px;
    }

    .portfolio_id_form_right {
        float: right;
        width: 100%;
        border-left-color: #ccc;
        border-left-style: solid;
        border-left-width: 1px;
        box-sizing: border-box;
        position: relative
    }

    .portfolio_id_form_left {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .portfolio_id_form_fields_container {
        float: right;
        width: calc(100% - 96px);
    }

    .portfolio_id_form_field_short {
        float: right;
        width: calc(33.333% - 10px);
        margin-left: 10px;
        margin-bottom: 10px;
    }

        .portfolio_id_form_field_short:nth-of-type(3n) {
            float: right;
            width: 33.333%;
            margin-left: 0px;
            margin-bottom: 10px;
        }

    .portfolio_id_form_field_long {
        float: right;
        width: 100%;
        margin-bottom: 10px;
    }

    .portfolio_id_form_send_container {
        float: left;
        width: 86px;
        height: 86px;
        background-color: #ccc;
        display: table;
        direction: rtl;
    }

    .portfolio_id_form_send {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 86px;
        font-size: 26px;
        border: 0;
        font-weight: 300;
        font-family: 'almoni-neue-tzar';
    }

        .portfolio_id_form_send:focus {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            height: 86px;
            font-size: 26px;
            border: 0;
            font-weight: 300;
            font-family: 'almoni-neue-tzar';
        }

    .fusion_grid_home_right_contact_title {
        float: right;
        width: 100%;
        margin-bottom: 7px
    }

    .fusion_grid_home_right_contact_text {
        float: right;
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box;
    }

    #carusel6 .owl-prev {
        background-position: left center;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        zoom: 1;
        width: 15px;
        height: 40px;
        display: inline;
        margin: 0px;
        padding: 0px 0px;
        font-size: 0px;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        border: 0px solid #939598;
        filter: Alpha(Opacity=50);
        opacity: 1;
        position: absolute;
        left: 20px;
        top: 280px;
        font-family: 'arial';
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        background-image: url('../../images/System/portfolio_arrow_left.png');
        background-repeat: no-repeat;
    }

    #carusel6 .owl-next {
        background-position: right center;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        zoom: 1;
        width: 15px;
        height: 40px;
        display: inline;
        margin: 0px;
        padding: 0px 0px;
        font-size: 0px;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        border: 0px solid #939598;
        filter: Alpha(Opacity=50);
        opacity: 1;
        position: absolute;
        right: 20px;
        top: 280px;
        font-family: 'arial';
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        background-image: url('../../images/System/portfolio_arrow_right.png');
        background-repeat: no-repeat;
    }
}
/* Media Queries for Phone
-------------------------------------------------------------- */
@media all and (max-width:480px) and (min-width:319px) {
    .portfolio_id_section {
        width: 100%;
        float: right;
        padding-top: 51px;
        position: relative;
    }

    .portfolio_id_grid {
        float: right;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .portfolio_id_header {
        margin: 0;
        background: #fff;
        float: right;
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        position: relative;
        border-bottom: 0px solid #ccc;
    }

    .portfolio_id_header_nav {
        width: auto;
        float: left;
        margin-top: 10px;
    }

    .portfolio_id_close {
        float: left;
        width: 20px;
        margin-right: 20px;
        margin-top: 4px;
        cursor: pointer;
    }

    .portfolio_id_next {
        width: 10px;
        float: left;
        margin-right: 20px;
        cursor: pointer;
    }

    .portfolio_id_prev {
        width: 10px;
        float: left;
        cursor: pointer;
    }

    .portfolio_id_left {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .portfolio_id_img {
        float: left;
        width: 100%;
        /*    height: 600px;
    overflow:hidden;*/
    }

    .portfolio_id_right {
        float: right;
        width: 100%;
        border-left-color: #ccc;
        border-left-style: solid;
        border-left-width: 1px;
        box-sizing: border-box;
        margin-left: 40px;
        position: relative
    }

        .portfolio_id_right h1 {
            float: right;
            width: 100%;
            margin-top: 5px;
            padding-right: 0;
            padding-left: 20px;
            box-sizing: border-box;
        }

        .portfolio_id_right h2 {
            float: right;
            width: 100%;
            border-bottom-color: #ababab;
            border-bottom-style: solid;
            border-bottom-width: 0px;
            margin-bottom: 25px;
            padding-left: 20px;
            box-sizing: border-box;
        }

    .portfolio_id_tags_container {
        float: right;
        width: 100%;
        margin-bottom: 15px
    }

    .portfolio_id_tag {
        float: right;
        width: 100%;
        font-size: 17px;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        color: #353d4a !important;
        margin-bottom: 6px;
    }

        .portfolio_id_tag i {
            float: right;
            margin-left: 12px;
            font-size: 30px
        }

        .portfolio_id_tag:hover {
            color: #ff564f !important;
        }

    .portfolio_id_credit_container {
        float: right;
        width: 100%;
        margin-bottom: 15px
    }

    .portfolio_id_credit_item {
        float: right;
        width: 100%;
        margin-bottom: 3px;
    }

    .portfolio_id_credit_title {
        float: right;
        width: auto;
        font-size: 17px;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        margin-left: 7px;
        color: #353d4a;
    }

    .portfolio_id_credit_text {
        float: right;
        width: auto;
        font-size: 17px;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        color: #353d4a;
    }

    .portfolio_id_btn_container {
        float: right;
        width: 100%;
        position: relative;
        bottom: 0;
    }

    .portfolio_id_btn_back {
        width: 80px;
        margin-left: 10px;
        color: #686868;
        background-color: transparent;
        border: 1px solid #686868
    }

    .portfolio_id_view_web {
        width: 100px;
        color: #fff;
        background-color: #6a77bb;
        border: 1px solid #6a77bb
    }

    .portfolio_id_btn_animation {
        font-size: 17px;
        text-align: center;
        float: right;
        line-height: 2.2em;
        -webkit-transition: all ease 0.1s;
        -moz-transition: all ease 0.1s;
        -o-transition: all ease 0.1s;
        -ms-transition: all ease 0.1s;
        transition: all ease 0.1s;
        box-sizing: border-box;
        direction: rtl;
        border-radius: 2px;
        font-family: 'almoni-neue', sans-serif;
    }

    .portfolio_id_form {
        float: left;
        width: 100%;
        margin-top: 50px;
    }

    .portfolio_id_form_right {
        float: right;
        width: 100%;
        border-left-color: #ccc;
        border-left-style: solid;
        border-left-width: 1px;
        box-sizing: border-box;
        position: relative
    }

    .portfolio_id_form_left {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .portfolio_id_form_fields_container {
        float: right;
        width: 100%;
    }

    .portfolio_id_form_field_short {
        float: right;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }

        .portfolio_id_form_field_short:nth-of-type(3n) {
            float: right;
            width: 100%;
            margin-left: 0px;
            margin-bottom: 10px;
        }

    .portfolio_id_form_field_long {
        float: right;
        width: 100%;
        margin-bottom: 10px;
    }

    .portfolio_id_form_send_container {
        float: left;
        width: 100%;
        height: 40px;
        background-color: #ccc;
        display: table;
        direction: rtl;
    }

    .portfolio_id_form_send {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 40px;
        font-size: 22px;
        border: 0;
        font-weight: 300;
        font-family: 'almoni-neue-tzar';
        line-height: 1em;
    }

        .portfolio_id_form_send:focus {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            height: 40px;
            font-size: 22px;
            border: 0;
            font-weight: 300;
            font-family: 'almoni-neue-tzar';
        }
    .fusion_grid_home_right_contact_title {
        float: right;
        width: 100%;
        margin-bottom: 7px
    }

    .fusion_grid_home_right_contact_text {
        float: right;
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box;
    }

    #carusel6 .owl-prev {
        background-position: left center;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        zoom: 1;
        width: 15px;
        height: 40px;
        display: inline;
        margin: 0px;
        padding: 0px 0px;
        font-size: 0px;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        border: 0px solid #939598;
        filter: Alpha(Opacity=50);
        opacity: 1;
        position: absolute;
        left: 20px;
        top: 280px;
        font-family: 'arial';
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        background-image: url('../../images/System/portfolio_arrow_left.png');
        background-repeat: no-repeat;
    }

    #carusel6 .owl-next {
        background-position: right center;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        zoom: 1;
        width: 15px;
        height: 40px;
        display: inline;
        margin: 0px;
        padding: 0px 0px;
        font-size: 0px;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        border: 0px solid #939598;
        filter: Alpha(Opacity=50);
        opacity: 1;
        position: absolute;
        right: 20px;
        top: 280px;
        font-family: 'arial';
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        background-image: url('../../images/System/portfolio_arrow_right.png');
        background-repeat: no-repeat;
    }
}
/* Media Queries for Phone Portrait
-------------------------------------------------------------- */
@media all and (max-width:320px) {
    .portfolio_id_section {
        width: 100%;
        float: right;
        padding-top: 51px;
        position: relative;
    }

    .portfolio_id_grid {
        float: right;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .portfolio_id_header {
        margin: 0;
        background: #fff;
        float: right;
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        position: relative;
        border-bottom: 0px solid #ccc;
    }

    .portfolio_id_header_nav {
        width: auto;
        float: left;
        margin-top: 10px;
    }

    .portfolio_id_close {
        float: left;
        width: 20px;
        margin-right: 20px;
        margin-top: 4px;
        cursor: pointer;
    }

    .portfolio_id_next {
        width: 10px;
        float: left;
        margin-right: 20px;
        cursor: pointer;
    }

    .portfolio_id_prev {
        width: 10px;
        float: left;
        cursor: pointer;
    }

    .portfolio_id_left {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .portfolio_id_img {
        float: left;
        width: 100%;
        /*    height: 600px;
    overflow:hidden;*/
    }

    .portfolio_id_right {
        float: right;
        width: 100%;
        border-left-color: #ccc;
        border-left-style: solid;
        border-left-width: 1px;
        box-sizing: border-box;
        margin-left: 40px;
        position: relative
    }

        .portfolio_id_right h1 {
            float: right;
            width: 100%;
            margin-top: 5px;
            padding-right: 0;
            padding-left: 20px;
            box-sizing: border-box;
        }

        .portfolio_id_right h2 {
            float: right;
            width: 100%;
            border-bottom-color: #ababab;
            border-bottom-style: solid;
            border-bottom-width: 0px;
            margin-bottom: 25px;
            padding-left: 20px;
            box-sizing: border-box;
        }

    .portfolio_id_tags_container {
        float: right;
        width: 100%;
        margin-bottom: 15px
    }

    .portfolio_id_tag {
        float: right;
        width: 100%;
        font-size: 17px;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        color: #353d4a !important;
        margin-bottom: 6px;
    }

        .portfolio_id_tag i {
            float: right;
            margin-left: 12px;
            font-size: 30px
        }

        .portfolio_id_tag:hover {
            color: #ff564f !important;
        }

    .portfolio_id_credit_container {
        float: right;
        width: 100%;
        margin-bottom: 15px
    }

    .portfolio_id_credit_item {
        float: right;
        width: 100%;
        margin-bottom: 3px;
    }

    .portfolio_id_credit_title {
        float: right;
        width: auto;
        font-size: 17px;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        margin-left: 7px;
        color: #353d4a;
    }

    .portfolio_id_credit_text {
        float: right;
        width: auto;
        font-size: 17px;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.7em;
        text-align: right;
        direction: rtl;
        color: #353d4a;
    }

    .portfolio_id_btn_container {
        float: right;
        width: 100%;
        position: relative;
        bottom: 0;
    }

    .portfolio_id_btn_back {
        width: 80px;
        margin-left: 10px;
        color: #686868;
        background-color: transparent;
        border: 1px solid #686868
    }

    .portfolio_id_view_web {
        width: 100px;
        color: #fff;
        background-color: #6a77bb;
        border: 1px solid #6a77bb
    }

    .portfolio_id_btn_animation {
        font-size: 17px;
        text-align: center;
        float: right;
        line-height: 2.2em;
        -webkit-transition: all ease 0.1s;
        -moz-transition: all ease 0.1s;
        -o-transition: all ease 0.1s;
        -ms-transition: all ease 0.1s;
        transition: all ease 0.1s;
        box-sizing: border-box;
        direction: rtl;
        border-radius: 2px;
        font-family: 'almoni-neue', sans-serif;
    }

    .portfolio_id_form {
        float: left;
        width: 100%;
        margin-top: 50px;
    }

    .portfolio_id_form_right {
        float: right;
        width: 100%;
        border-left-color: #ccc;
        border-left-style: solid;
        border-left-width: 1px;
        box-sizing: border-box;
        position: relative
    }

    .portfolio_id_form_left {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .portfolio_id_form_fields_container {
        float: right;
        width: 100%;
    }

    .portfolio_id_form_field_short {
        float: right;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }

        .portfolio_id_form_field_short:nth-of-type(3n) {
            float: right;
            width: 100%;
            margin-left: 0px;
            margin-bottom: 10px;
        }

    .portfolio_id_form_field_long {
        float: right;
        width: 100%;
        margin-bottom: 10px;
    }

    .portfolio_id_form_send_container {
        float: left;
        width: 100%;
        height: 40px;
        background-color: #ccc;
        display: table;
        direction: rtl;
    }

    .portfolio_id_form_send {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 40px;
        font-size: 22px;
        border: 0;
        font-weight: 300;
        font-family: 'almoni-neue-tzar';
        line-height: 1em;
    }

        .portfolio_id_form_send:focus {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            height: 40px;
            font-size: 22px;
            border: 0;
            font-weight: 300;
            font-family: 'almoni-neue-tzar';
        }

    .fusion_grid_home_right_contact_title {
        float: right;
        width: 100%;
        margin-bottom: 7px
    }

    .fusion_grid_home_right_contact_text {
        float: right;
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box;
    }

    #carusel6 .owl-prev {
        background-position: left center;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        zoom: 1;
        width: 15px;
        height: 40px;
        display: inline;
        margin: 0px;
        padding: 0px 0px;
        font-size: 0px;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        border: 0px solid #939598;
        filter: Alpha(Opacity=50);
        opacity: 1;
        position: absolute;
        left: 20px;
        top: 280px;
        font-family: 'arial';
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        background-image: url('../../images/System/portfolio_arrow_left.png');
        background-repeat: no-repeat;
    }

    #carusel6 .owl-next {
        background-position: right center;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        zoom: 1;
        width: 15px;
        height: 40px;
        display: inline;
        margin: 0px;
        padding: 0px 0px;
        font-size: 0px;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        border-radius: 0%;
        border: 0px solid #939598;
        filter: Alpha(Opacity=50);
        opacity: 1;
        position: absolute;
        right: 20px;
        top: 280px;
        font-family: 'arial';
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        background-image: url('../../images/System/portfolio_arrow_right.png');
        background-repeat: no-repeat;
    }
}