.clearfix:after {
    clear: both;
    width: 100%;
    height: 0;
    content: "";
    display: block
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}
.clearfix {
    *zoom: 1
}
audio,
canvas,
img,
video {
    vertical-align: middle
}


.zec-cart-bot h5 {
    color: #334654;
    font: 20px/30px proxima_novalight;
    padding: 5px 0;
    text-align: center
}
.zec-cart-bot h4 {
    color: #24242A000;
    font: 25px/36px proxima_novalight;
    text-align: center
}
.terms-part-3 {
    width: 100%;
    margin: 0 auto
}
.terms-part-3 h1 {
    color: #2892CF;
    font: 45px/50px clanotmedium;
    padding: 30px 0 0;
    text-align: center
}
.terms-part-3 h5 {
    color: #24242A000;
    font: 25px/36px clanotmedium;
    padding: 5px 0 10px
}
.terms-part-3 p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 5px 0 20px;
    text-align: center;
    border-bottom: 1px solid #E9E9E9
}
.terms-part {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0
}
.terms-part-2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10px;
    background: #fbfbfb
}
.terms-part h1 {
    color: #2892CF;
    font: 45px/50px clanotmedium;
    padding: 30px 0 0
}
.terms-part h5 {
    color: #24242A000;
    font: 25px/36px clanotmedium;
    padding: 5px 0 10px
}
.terms-part p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 5px 0 20px
}
.terms-part-left {
    float: left;
    width: 570px;
    padding: 0 0 15px
}
.terms-part-right {
    float: right;
    width: 570px;
    padding: 0 0 15px
}
.terms-part ul {
    list-style: none
}
.terms-part li {
    background: url(../../images/sign-icon.png) no-repeat scroll left 9px rgba(0, 0, 0, 0);
    color: #334654;
    display: block;
    float: none;
    font: 16px/29px 'Open Sans';
    margin: 0;
    padding: 0 0 5px 35px;
    width: auto
}
.refund-left {
    width: 730px;
    float: left;
    padding: 10px 0
}
.refund-right {
    float: left;
    margin: 0 0 0 70px;
    padding: 10px 0
}
.pad-top {
    padding-top: 15px!important
}
.terms-part .site-map-part {
    width: 1000px;
    margin: 0 auto
}
.terms-part-2 .site-map-part {
    width: 1200px;
    margin: 0 auto
}
.terms-part .site-map-part h2 {
    color: #2892CF;
    font: 45px/50px clanotmedium;
    text-align: center;
    padding: 10px 0
}
.terms-part .site-map-part p {
    color: #334654;
    display: block;
    float: none;
    font: 22px/38px clanotbook;
    margin: 0;
    width: auto;
    text-align: center!important
}
.site-map-part:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.site-map-left {
    width: 400px;
    float: left;
    margin: 20px 0 0
}
.site-map-right {
    width: 500px;
    float: right;
    margin: 20px 0 0
}
.site-map-left h4 {
    color: #2892CF;
    font: 20px/35px clanotmedium
}
.site-map-left h5 {
    color: #2892CF;
    font: 17px/30px clanotmedium;
    text-align: left;
    padding: 0 0 0 15px;
    background: url(../../images/bullet.jpg) no-repeat scroll left 7px;
    margin: 0 0 0 5px
}
.site-map-left h5 a {
    text-decoration: none;
    color: #2892CF
}
.site-map-left ul {
    list-style: none;
    margin: 0 0 0 35px
}
.site-map-left ul li {
    color: #2892CF;
    display: block;
    float: none;
    font: 15px/28px proxima_nova_rgregular;
    margin: 0;
    width: auto;
    padding-left: 15px;
    background: url(../../images/bullet.jpg) no-repeat scroll left 3px
}
.site-map-right h4 {
    color: #2892CF;
    font: 17px/30px clanotmedium;
    padding: 0
}
.site-map-right h5 {
    font: 17px/30px clanotmedium;
    text-align: left
}
.site-map-right ul {
    list-style: none;
    margin: 0 0 0 15px
}
.site-map-right ul li {
    color: #2892CF;
    display: block;
    float: none;
    font: 15px/28px proxima_nova_rgregular;
    margin: 0;
    width: auto;
    padding-left: 15px;
    background: url(../../images/bullet.jpg) no-repeat scroll left 3px
}
.services-design {
    width: 1200px;
    margin: 0 auto
}
.services-design ul {
    list-style-type: none
}
.services-design ul li {
    width: 250px;
    height: auto;
    padding: 0 10px;
    margin: 0;
    border: none
}
.services-design ul li figure {
    border: solid #e6e9e6 5px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: 175px;
    height: 175px;
    margin: 0 auto
}
.services-design ul li figure img {
    text-align: center;
    vertical-align: middle
}
.services-design ul li h5 {
    font: 17px/25px clanotmedium;
    text-align: center;
    color: #222420;
    padding-top: 10px
}
.services-design ul li figure:hover {
    border: solid #19a4df 5px
}
.services-design ul li:first-child {
    padding-left: 0
}
.creavite-design-part {
    width: 100%;
    padding: 35px 0
}
.creavite-design-part:after {
    width: 100%;
    height: 0;
    clear: both;
    display: block;
    content: ""
}
.gray-bg {
    background: #f8f9f8;
    border-top: solid #eaebea 1px;
    border-bottom: solid #eaebea 1px
}
.c_d-left-box {
    width: 535px;
    float: left;
    padding: 0
}
.c_d-right-box {
    width: 640px;
    float: left;
    padding-bottom: 15px
}
.c_d-right-box h2 {
    font: 30px/35px clanotmedium;
    color: #222420
}
.c_d-right-box h2 img {
    padding: 0
}
.c_d-right-box p {
    font: 16px/29px 'Open Sans';
    color: #334654;
    padding-top: 15px;
    padding-bottom: 10px
}
.c_d-right-box ul {
    list-style-type: none;
    display: inline-block
}
.c_d-right-box ul li {
    font: 17px/30px proxima_novalight;
    color: #4e9512;
    padding: 5px 0
}
.c_d-right-box ul li a {
    text-decoration: none;
    color: #4e9512
}
.c_d-right-box ul li img {
    padding: 0;
    vertical-align: middle;
    padding-right: 13px
}
.c_d-right-box span {
    font: 15px/21px proxima_nova_rgregular;
    font-style: italic;
    color: #4e9512;
    padding-top: 15px;
    padding-bottom: 10px;
    display: inline-block
}
.crd-ul {
    width: 305px;
    float: left
}
.fornt-end {
    width: 100%;
    height: 433px;
    background: url(../../images/fornt-end.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover
}
.fornt-end2 {
    width: 100%;
    height: 400px;
    background: url(../../images/web_app.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover
}
.fornt-end3 {
    width: 100%;
    height: 433px;
    background: url(../../images/integrated-marketing.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover
}
.fornt-end4 {
    width: 100%;
    height: 433px;
    background: url(../../images/dedicated-resource.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover
}
.creative-float {
    float: right
}
.mid-contant-box:before {
    clear: both;
    width: 100%;
    content: "";
    display: block
}
.mid-contant-box {
    width: 100%;
    text-align: center
}
.mid-contant-box h2 {
    color: #24242A;
    font: 700 40px/45px 'Open Sans';
    letter-spacing: -2px;
    padding-bottom: 10px
}
.mid-contant-box p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 0;
    text-align: left
}
#corapte-section {
    width: 100%;
    padding-bottom: 25px
}
.about-section {
    width: 100%;
    background: url(../../images/about-bg.jpg) center 0 no-repeat
}
.about-continer {
    width: 1200px;
    margin: 0 auto;
    background: #FFF;
    margin-top: 440px;
    z-index: 999;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0
}
.about-continer h1 {
    font: 70px clanotmedium;
    color: #3292d1;
    text-transform: capitalize;
    text-align: center;
    padding: 20px 0 0
}
.about-text {
    width: 1130px;
    margin: 25px 35px
}
.about-text-left-panel {
    width: 550px;
    float: left
}
.about-text-left-panel h2 {
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    color: #212325;
    padding-bottom: 10px
}
.about-text-left-panel h2 span {
    text-transform: uppercase
}
.about-text-left-panel p {
    font: 16px/29px 'Open Sans';
    color: #334654;
    padding-bottom: 20px
}
.about-text:after {
    width: 100%;
    height: 0;
    content: "";
    display: block;
    clear: both
}
.about-bdr {
    border-bottom: solid #e2e2e2 1px
}
.about-text-left-panel img {
    padding-bottom: 25px;
    padding-top: 15px
}
.about-text-left-panel.asp-float-panel {
    float: right
}
#meet-our-team {
    width: 100%;
    background: #3292d1;
    text-align: center;
    padding: 25px 0;
    position: relative
}
#meet-our-team:after {
    position: absolute;
    left: 50%;
    bottom: -17px;
    width: 29px;
    height: 17px;
    background: url(../../images/meet-arrow.png) 0 0 no-repeat;
    content: "";
    z-index: 9
}
#meet-our-team h2 {
    font: 700 50px/45px 'Open Sans';
    letter-spacing: -1px;
    color: #FFF
}
#meet-our-team p {
    font: 30px/40px open_sans_lightregular;
    color: #FFF;
    padding-top: 10px
}
.meet-gallery {
    width: 100%;
    display: inline-block
}
.meet-gallery ul {
    list-style-type: none
}
.meet-gallery ul li {
    width: 16.66%;
    float: left;
    position: relative;
    overflow: hidden
}
.meet-gallery ul li img {
    width: 100%
}
.meet-team {
    background: url(../../images/hover-transparent-bg.png) repeat right bottom;
    width: 100%;
    position: absolute;
    top: 90%;
    display: block;
    opacity: 0;
    height: 100%;
    transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    -webkit-transition: all .5s ease 0;
    -ms-transition: all .5s ease 0;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0)
}
.meet-team h3 {
    color: #fff;
    font: 20px/25px clanotmedium;
    padding: 15px 0 2px 15px
}
.meet-team p {
    color: #fff;
    font: 15px/24px proxima_nova_rgregular;
    padding: 0 0 10px 15px
}
.meet-gallery ul li:hover .meet-team {
    opacity: 1;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}
.experiment {
    width: 1200px;
    margin: 0 auto
}
.experiment h3 {
    font: 42px/55px open_sans_lightregular;
    letter-spacing: -1px;
    color: #28282e;
    text-align: center;
    padding: 25px 0
}
.experiment-section {
    width: 1145px;
    display: inline-block
}
#previmg2 {
    background: url(../../images/prev-btn.jpg) no-repeat;
    position: absolute;
    right: 14px;
    cursor: pointer;
    top: 0;
    width: 55px;
    height: 64px
}
#nextimg2 {
    background: url(../../images/next-btn.jpg) no-repeat;
    position: absolute;
    right: 14px;
    top: 66px;
    cursor: pointer;
    width: 55px;
    height: 64px
}
.mid-gallery-outer {
    width: 100%;
    position: relative;
    height: 950px
}
.mid-gallery-outer-inner {
    width: 1130px!important
}
.wpcont7left .Wpsite-box p {
    font: 16px/29px 'Open Sans'
}
.flick-slider {
    width: 1145px;
    height: 903px;
    margin: 0 auto;
    overflow: hidden
}
.flickerplate {
    position: relative;
    width: 1146px
}
.flickerplate ul.flicks {
    width: 10000%;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}
.flickerplate ul.flicks>li {
    float: left;
    width: 1%;
    height: 100%;
    background-position: center;
    background-size: cover;
    display: table
}
.flickerplate ul.flicks>li .flick-inner {
    height: 100%;
    padding: 10px;
    color: #fff;
    display: table-cell;
    vertical-align: middle
}
.flickerplate .arrow-navigation {
    position: absolute;
    height: 64px;
    width: 55px;
    top: 0;
    z-index: 9;
    overflow: hidden
}
.arrow-navigation .arrow {
    display: block;
    height: 64px;
    width: 55px
}
.flickerplate .arrow-navigation:hover,
.flickerplate .arrow-navigation .arrow:hover {
    cursor: pointer
}
.arrow-navigation.left {
    right: -55px
}
.arrow-navigation.left .arrow {
    opacity: 1;
    margin: 0;
    background: url(../../images/prev-btn.jpg) 0 0 no-repeat
}
.arrow-navigation.right {
    right: -55px;
    top: 66px
}
.arrow-navigation.right .arrow {
    opacity: 1;
    margin: 0;
    background: url(../../images/next-btn.jpg) 0 0 no-repeat
}
.flickerplate.animate-transform-slide ul.flicks {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0%, 0px, 0px);
    -webkit-transform: translate3d(0%, 0px, 0px);
    -webkit-transition: -webkit-transform .6s;
    -o-transition: -o-transform .6s;
    -moz-transition: -moz-transform .6s;
    transition: transform .6s
}
.flickerplate.animate-transition-slide ul.flicks {
    position: relative;
    left: 0;
    -webkit-transition: left .4s ease-out;
    -moz-transition: left .4s ease-out;
    -o-transition: left .4s ease-out;
    -ms-transition: left .4s ease-out;
    transition: left .4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
    position: relative;
    left: 0
}
.flickerplate.animate-scroller-slide {
    padding-bottom: 0;
    overflow: auto
}
.flickerplate.animate-scroller-slide ul.flicks {
    position: auto
}
#wpcont13-outer .container p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 0
}
.pop-continer {
    width: 100%;
    margin-top: 300px
}
.pop-continer:after {
    clear: both;
    display: block;
    content: "";
    width: 100%;
    height: 0
}
.we-need-you {
    width: 100%;
    background: #059dde;
    padding: 15px 0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0
}
.we-need-you h2 {
    font: 700 40px/40px 'Open Sans';
    letter-spacing: -1px;
    color: #FFF;
    text-align: center;
    text-shadow: 0 -1px #000
}
.we-need-you span {
    display: block;
    margin-top: 2px;
    text-align: center
}
.we-need-you label {
    background: #059dde;
    color: #FFF;

    display: inline-block;
    font-size: 16px;
    padding: 0 5px;
    font: 15px/29px clanotnews;
    text-align: center
}
.apply_form {
    width: 760px;
    float: left;
    padding: 20px
}
.apply_main {
    width: 100%
}
.apply_singal_row {
    width: 49%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative
}
.apply_singal_row label {
    font: 16px/28px proxima_nova_rgregular;
    color: #383b3e;
    display: block;
    padding-bottom: 5px
}
.apply_singal_row input {
    border: 1px solid #d5d8da;
    border-radius: 3px;
    color: #383b3e;
    float: left;
    font-family: 'Open Sans';
    font-size: 11px;
    height: 19px;
    margin: 0;
    padding: 10px;
    width: 350px;
    background: #fafcfd;
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset
}
.apply_singal_row select {
    border: 1px solid #E4E5E6;
    border-radius: 3px;
    color: #4A5459;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 43px;
    margin: 0 8px 0 0;
    padding: 10px 7px 10px 10px;
    width: 368px
}
.apply_singal_row select option {
    padding: 5px
}
.row-float {
    float: right!important
}
.apply_singal_row span {
    top: 42px;
    right: 15px;
    position: absolute
}
#form2 .apply_singal_row span {
    position: absolute
}
.apply_singal_row input:focus {
    box-shadow: 0 0 6px #F8B9B7
}
.select-box-bar {
    position: absolute;
    top: 165px;
    right: 64px;
    background: url(../../images/select-bg.jpg) 0 0 repeat-x;
    height: 48px;
    width: 36px;
    display: block
}
.select-position {
    position: relative
}
.styled-select-bar {
    border: 1px solid #E4E5E6;
    border-radius: 3px;
    color: #424446;
    float: left;
    font: 13px/35px clanotbook;
    height: 40px;
    margin: 0;
    overflow: hidden;
    width: 368px;
    cursor: pointer;
    background: #fafcfd url(../../images/apply-notice-icon.png) 96% 15px no-repeat;
    box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.1) inset
}
.styled-select-bar span {
    float: left;
    margin-left: -55px
}
.styled-select-bar select {
    background: none;
    border: 0 none;
    color: #919496;
    font: 11px/49px 'Open Sans';
    padding: 10px 0 0 5px;
    width: 388px;
    cursor: pointer
}
.total-e label {
    font-family: 'proxima_novasemibold';
    font-size: 14px;
    line-height: 23px;
    color: #545353;
    display: inline-block
}
.total-e .styled-select-bar {
    width: 180px;
    background: #fafcfd url(../../images/apply-notice-icon.png) 96% 15px no-repeat
}
.total-e select {
    width: 200px;
    text-indent: 0
}
.total-e {
    width: 185px;
    float: left;
    position: relative
}
.total-e input {
    width: 160px;
    margin: 0
}
.total-e span {
    position: absolute;
    top: 10px;
    right: 15px
}
.apply_main textarea {
    width: 735px;
    height: 30px;
    border: 1px solid #E4E5E6;
    border-radius: 3px;
    color: #424446;
    margin-top: 10px;
    padding: 10px
}
.apply_singal_row input[type="submit"] {
    background: #159dd8;
    border-left: 1px solid #6EC2E7;
    border-radius: 10px 10px 0;
    border-top: 1px solid #6EC2E7;
    color: #FFF;
    display: inline-block;
    font: 16px/46px clanotmedium;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px 50px;
    position: relative;
    margin-top: 31px;
    height: auto;
    text-transform: uppercase;
    width: auto;
    border: none;
    box-shadow: none
}
.fileWrapper {
    position: relative;
    overflow: hidden;
    padding: 0
}
input[type=text].fileInputText {
    float: left;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0;
    width: 370px!important;
    height: 37px!important
}
input[type=button].fileInputButton {
    float: right;
    background: url(../../images/apply-u-resume-icon.png) 0 0 no-repeat;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    margin: 0;
    padding: 0;
    text-indent: -100px;
    box-shadow: none;
    position: absolute;
    right: 10px;
    top: 10px;
    border: none
}
.shkil input {
    width: 347px;
    border-radius: 3px
}
.custombox-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}
.custombox-modal {
    position: fixed;
    top: 60%;
    left: 50%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    visibility: hidden
}
.custombox-show {
    visibility: visible
}
.custombox-show ~ .custombox-overlay {
    opacity: 1;
    visibility: visible
}
.custombox-perspective,
.custombox-perspective body {
    height: 100%;
    overflow: hidden
}
.custombox-perspective body {
    -webkit-perspective: 600px;
    perspective: 600px
}
.custombox-container {
    min-height: 100%
}
.custombox-hide-scrollbar {
    overflow-y: hidden
}
.custombox-hide-scrollbar body {
    position: relative;
    overflow: hidden
}
.custombox-fadein .custombox-modal-content {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    opacity: 0
}
.custombox-show.custombox-fadein .custombox-modal-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
button.close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    padding: 0 25px 0 0
}
.close {
    color: #24242A000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: .2;
    text-shadow: 0 1px 0 #FFF
}
.modal-example-content {
    width: 800px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background-color: #FFF;
    border-radius: 6px;
    outline: 0 none
}
.modal-example-header {
    border-bottom: 1px solid #E5E5E5;
    padding: 15px
}
.modal-example-body {
    padding: 20px
}
.your-apps {
    width: 100%;
    background: url(../../images/web-design-bg.jpg) center 0 no-repeat;
    height: 318px;
    margin-top: 72px
}
.app-continer {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}
.app-continer h1 {
    font: 50px/52px open_sansbold;
    color: #FFF;
    padding-top: 50px;
    padding-bottom: 15px
}
.app-continer p {
    font: 28px/40px "Open Sans";
    color: #FFF;
    padding-bottom: 25px
}
.app-continer a {
    background: #8BD047;
    font: 28px/48px clanotmedium;
    text-align: center;
    vertical-align: middle;
    padding: 15px 25px;
    color: #FFF;
    border-radius: 10px 10px 0;
    -webkit-border-radius: 10px 10px 0;
    -moz-border-radius: 10px 10px 0;
    -ms-border-radius: 10px 10px 0
}
.app-continer a:hover {
    background: #72CA1B
}
.web-responsive {
    width: 100%;
   }
.res-part {
    width: 1100px;
    margin: 0 auto
}
.res-portfolio {
    width: 510px;
    float: left;
    padding-bottom: 40px
}
.res-portfolio h2 {
    font: 38px/48px open_sansbold;
    color: #24242A;
    text-align: center;
    text-transform: capitalize;
}
.res-portfolio h5 {
    font: 20px/26px proxima_novalight;
    color: #535358;
    text-align: center;
    padding-bottom: 10px;
	text-transform: none;
}
.res-portfolio img {
    vertical-align: middle
}
.res-portfolio p {
    font: 16px/29px "Open Sans";
    color: #334654;
    padding-top: 15px
}
@media screen and (max-width: 1400px) {
       #li1 img {
        top: 47%!important
    }
}
@media screen and (max-width: 1300px) {
   
    #li1 img {
        top: 15%!important
    }
   
    #li1 {
        height: 544px!important
    }
#slider .description1 {
        left: 2%
    }
}
@media screen and (max-width: 1200px) {
       img {
        max-width: 100%
    }
       .res-part {
        width: 97%
    }
    .res-portfolio {
        width: 47%;
        min-height: 480px
    }
}
@media screen and (max-width: 450px){
	.res-portfolio {
    width: 350px;
    min-height: 450px;
	float: none !important;
     margin-left: 15px;
    padding-bottom: 10px;
}
.section_desc_black {
    font-size: 12px;}
	.list_with_icon li {
		    margin-bottom: 20px;
}
	}
	@media screen and (max-width: 380px){
	.res-portfolio {
    width: 300px;
    min-height: 450px;
	float: none !important;
     margin-left: 15px;
    padding-bottom: 10px;
}
.section_desc_black {
    font-size: 12px;}
	.list_with_icon li {
		    margin-bottom: 20px;
}
	}
	@media screen and (max-width: 340px){
	.res-portfolio {
    width: 280px;
    min-height: 450px;
	float: none !important;
     margin-left: 15px;
    padding-bottom: 10px;
}
.section_desc_black {
    font-size: 12px;}
	.list_with_icon li {
		    margin-bottom: 20px;
}
	}