.Fcontent {
    margin-top: 13px;
}

p {
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    text-align: right;
}

section {
    margin-bottom: 20px;
}

.banner_heading_div {
    background-color: #fdb345;
}

.banner_heading_div:after {
    content: inherit;
}

.web_design_banner_carousel .flickity-page-dots {
    position: relative;
    width: 100%;
    bottom: 50px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    /*display: block !important;*/
}

.web_design_banner_carousel .flickity-page-dots .dot {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
    width: 15px;
    height: 15px;
    margin: 5px;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.web_design_banner_carousel .flickity-page-dots .dot.is-selected {
    border: 5px solid #fff;
    background: rgba(253, 179, 69, .8);
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.mobile-services-section {
    padding: 20px 0;
}

#Quote_service_form {
    margin: 0;
}

.cta:before {
    background-color: rgba(250, 179, 69, 0.5);
}

.cta:hover:before {
    background: rgba(250, 179, 69, 1);
}

.services_name:before {
    background-color: #fdb345;
}

.choose_header:before {
    background-color: #fdb345;
}

.advantages_text {
    padding-left: 30px;
    color: inherit;
    width: 100%;
}

.choose_container {
    padding-top: 0;
    padding-bottom: 0;

}

.advantages_text p {
    letter-spacing: inherit;
}

.maintenance_fluid {
    padding: 50px 0;
    background: #dadbdd url("../img/new-index/responsive_design.png") no-repeat top right;
}

.passion_bg {
    background-color: #fdb345;
}

.passion_text {
    position: relative;
    color: #fff;
    padding: 0 15px;
}

.passion_text:before {
    position: absolute;
    content: url(../img/dots_white.svg);
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#details_section {
    /*padding: 50px 0;*/
}

#details_section .details_headding {
    position: relative;
}

#details_section .details_headding:before {
    position: absolute;
    content: '';
    width: 35px;
    height: 4px;
    left: unset!important;
    right: -65px!important;
    background-color: #000;
    top: 50%;
    transform: translateY(-50%);
}

#details_section .details_headding:after {
    position: absolute;
    content: '';
    left: unset!important;
    right: -123px!important;
    top: 100%;
    width: 93px;
    height: 93px;
    z-index: -1;
    background: url(../img/dots_light_yellow.svg) no-repeat center / cover;
}

#details_section .details_headding .nav-tabs {
    display: flex;
    border: none;
}

#web_projects_slider {
    padding-left: 70px;
    height: 450px;
}

#details_section .details_headding .nav-tabs > li.active > a, #details_section .details_headding .nav-tabs > li.active > a:focus, #details_section .details_headding .nav-tabs > li.active > a:hover {
    background: #333;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
}

#details_section .details_headding .nav-tabs > li > a {
    background-color: #e5e5e5;
    border-radius: 0;
    color: #333;
    border: none;
    font-size: 18px;
}

#details_section .tab-content {
    margin-top: 15px;
}

.details_section {
    width: 119%;
    height: 596px;
    background: #333 url("../img/dots_white.svg") no-repeat bottom;
}

#web_recent_projects_slider {
    padding-left: 70px;
    background: #dadbdd;
}

.details_section_image {
    height: 85%;
    background: #333 url("../img/new-index/details_section_image.jpg") no-repeat center / cover;
}

.details_text {
}

.details_div {
    position: absolute;
    bottom: 119px;
    width: 100%;
    font-family: ptsans_narrow_regular;
    text-transform: uppercase;
    font-size: 24px;
}

#details_section .details_headding .nav-tabs > li {
    margin-left: 0;
    margin-right: 5px;
}

.text_one {
    color: #00deff;
    background-color: #333;
    margin-bottom: 8px;
    padding: 10px 40px;
    display: inline-block;
}

.text_two {
    margin: 0 auto;
    margin-bottom: 8px;
    text-align: center;
}

.text_two_center {
    display: inline-block;
    text-align: center;
    background-color: #00deff;
    color: #333;
    padding: 10px 40px;
}

.text_three {
    background-color: #fdb345;
    color: #fff;
    padding: 10px 40px;
    display: inline-block;
    float: right;
}

.m-30 {
    margin: 30px 0;
}

.choose_header {
    margin-bottom: 0px;
}

#choose_section .services_name {
    top: 40px;
}

#choose_section .app_services {
    background-color: #fff;
    margin-bottom: 30px;
}

.maintenance_text {
    margin: 0;
    height: auto;
}

.advantages_section {
    height: auto;
    background: transparent;
}

.mobile_andriod:after {
    content: url(../img/smiley.png);
}

.mobile_ios:after {
    content: url(../img/time.png);
}

.mobile_ios:hover:after, .mobile_andriod:hover:after, .crm_services:hover:after, .cms_services:hover:after, .ionic_development:hover:after {
    transform: none;
}

/*mobile slidehsow*/
.small_slideshow {
    position: absolute;
    top: 67px;
    width: 347px;
    height: 196px;
    background: #000000;
    right: 260px;
    overflow: hidden;
}

.small_slideshow .carousel-cell {
    width: 100%
}

.small_slideshow .carousel-cell > img {
    width: 100%
}

@media only screen and (min-width: 992px) {
    .details_section {
        position: relative;
        right: 19%;
    }
}

@media only screen and (min-width: 1360px) and (max-width: 1370px) {
    .details_section {
        width: 122%;
    }
}

@media only screen and (max-width: 1199px) {
    .maintenance_fluid {
        background-image: none;
    }
}

@media only screen and (max-width: 767px) {
    .banner1 {
        content: url(../img/new-index/web_design_banner_image_1_768.jpg);
    }

    #web_recent_projects_slider {
        padding-left: 30px;
    }

    .maintenance_text .col-xs-6, .maintenance_text .col-xs-12 {
        padding: 0 5px;
    }

    #choose_section .app_services {
        margin-bottom: 8px;
    }
}

/* responsive code */

@media only screen and (min-width: 1400px) and (max-width: 1050px) {

}

@media only screen and (min-width: 1300px) and (max-width: 1400px) {

}

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

}

/*landscape*/

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

}

@media only screen and (min-width: 900px) and (max-width: 1440px) {

}

/* iPad pro */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
}

@media only screen and (min-width: 1366px) and (max-height: 768px) and (orientation: landscape) {

}

@media only screen and (min-width: 900px) and (max-width: 1440px) {

}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {

}

@media only screen and (min-width: 950px) and (max-width: 1280px) {

}

@media only screen and (min-width: 800px) and (max-width: 1280px) {
    #development_section .section_headding:after {
        left: -23%;
    }

}

/* Kindle fire */
@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {

}

/* iPad */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

/* Blackberry Playbook */
@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {
    #choose_section .choose_header:before {
        left: -3%;
    }

    .advantages_text {
        padding-left: 0;
    }

    #details_section .details_headding:before {
        left: -10%;
    }

    #details_section .details_headding:after {
        left: -23%;
    }
}

/* Nexus 7 */
@media only screen and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {

}

/* Nokia N9 */
@media only screen and (min-width: 480px) and (max-width: 854px) and (orientation: landscape) {
    #details_section .details_headding:after {
        left: -18%;
    }
}

/* Galaxy s5 */
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
}

/* Pixel 2 XL */
@media only screen and (min-width: 411px) and (max-width: 823px) and (orientation: landscape) {
    #development_section .section_headding:before {
        top: 50%;
    }

    #development_section .section_headding:after {
        left: -15%;
        top: 100%;
    }

    #choose_section .choose_header:before {
        left: -5%;
    }

    #details_section .details_headding:before {
        left: -8%;
    }

    #details_section .details_headding:after {
        left: -19%;
    }

}

/* iPhone X */
@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {

}

/* iPhone 6/7/8 Plus */
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
    .quote_headding:before {

    }


    #choose_section .choose_header:before {
        left: -3%;
    }

    .more_services_headding:after {
        left: -11%;
    }

    .advantages_text {
        padding-top: 20px;
    }

    #details_section .details_headding:before {
        left: -7%;
    }

    #details_section .details_headding:after {
        left: -16%;
    }



    .more_services_headding:after {
        left: -12%;
    }
}

/* Nexus 6 */
@media only screen and (min-width: 412px) and (max-width: 732px) and (orientation: landscape) {

}

/* iPhone 6/7/8 */
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
    #development_section .section_headding:before {
        left: -8%;
    }

    #development_section .section_headding:after {
        left: -17%;
    }

    .quote_headding:before {
        left: -6%;
    }

    .more_services_headding:after {
        left: -12%;
    }

    .more_services_headding:after {
        left: -13%;
    }
}

/* lg optimus l70 */
@media only screen and (min-width: 384px) and (max-width: 640px) and (orientation: landscape) {
    #choose_section .choose_header:before {
        left: -8%;
    }

    .choose_header {
        margin-bottom: 10px;
    }

    .choose_container {
        padding-bottom: 20px;
    }
}

/* Pixel 2 */
@media only screen and (min-width: 411px) and (max-width: 731px) and (orientation: landscape) {
    #development_section .section_headding:before {
        top: 50%
    }

    #choose_section .choose_header:before {
        left: -4%;
    }

    .more_services_headding:after {
        left: -11%;
    }

    .advantages_text {
        padding-top: 15px;
    }

    #details_section .details_headding:before {
        left: -7%;
    }

    #details_section .details_headding:after {
        left: -16%;
    }

    .more_services_headding:after {
        left: -13%;
    }

}

/* Blackberry Z 30 */
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
    #development_section .section_headding:before {
        top: 50%;
    }

    #development_section .section_headding:after {
        top: 100%;
    }

    #choose_section .app_services {
        margin-bottom: 10px;
    }

    #details_section .details_headding:before {
        left: -8%;
    }

    #details_section .details_headding:after {
        left: -18%;
    }
}

/* iPhone 5 */
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    #development_section .section_headding:after {
        left: -20%
    }

    #choose_section .choose_header:before {
        left: -5%;
    }

    .more_services_headding:after {
        left: -14%;
    }

    .advantages_text {
        padding-left: 15px;
    }

    #details_section .details_headding:after {
        left: -20%;
    }

    .more_services_headding:after {
        left: -17%;
    }

}

/* Nokia Lumia 520 */
@media only screen and (min-width: 320px) and (max-width: 533px) and (orientation: landscape) {

}

/* iPhone 4 */
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
    .advantages_text {
        padding-left: 15px;
    }

    #details_section .details_headding:before {
        left: -10%;
    }

    #details_section .details_headding:after {
        left: -23%;
    }
}

/*portrait*/

/* Nokia N9 */
@media only screen and (min-width: 480px) and (max-width: 854px) and (orientation: portrait) {
}

/* Nokia Lumia 520 */
@media only screen and (min-width: 320px) and (max-width: 533px) and (orientation: portrait) {
    #details_section .details_headding:before {
        left: -15%;
    }

    #details_section .details_headding:after {
        left: -38%;
    }
}

/* iPhone 5 */
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {

}

/* iPhone 4 */
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
    .advantages_text {
        padding-left: 15px;
        overflow: auto;
    }

}

/* Blackberry Z 30 */
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) {
    #development_section .section_headding:before {
        left: -14%;
    }

    #development_section .section_headding:after {
        left: -30%;
    }

    .quote_headding:before {

        left: -14%;
    }

    .maintenance_fluid .container {
        padding: 0 10px;
    }

    #details_section .details_headding:before {
        left: -15%;
    }

    #details_section .details_headding:after {
        left: -34%;
    }
}

/* Nexus 6 */
@media only screen and (min-width: 412px) and (max-width: 732px) and (orientation: portrait) {

}

/* Blackberry Playbook */
@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {
    #development_section .section_headding:before {
        left: -9%;
        top: 50%;
    }

    #development_section .section_headding:after {
        left: -19%;
        top: 100%;
    }

    .quote_headding:before {
        left: -9%;
    }

    #choose_section .choose_header:before {
        left: -3%;
    }

    #details_section .details_headding:before {
        left: -8%;
    }

    #details_section .details_headding:after {
        left: -19%;
    }

    .details_section {
        width: 100%;
    }

    .details_div {
        width: 94%;
    }

    #listed_section .more_services_headding:after {
        left: -16%;
    }
}

/* iphone X */
@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: portrait) {

}

/* iPhone 6/7/8 */
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {

}

/* Pixel 2 XL */
@media only screen and (min-width: 411px) and (max-width: 823px) and (orientation: portrait) {
    #details_section .details_headding:after {
        left: -31%;
    }
}

/* lg optimus l70 */
@media only screen and (min-width: 384px) and (max-width: 640px) and (orientation: portrait) {
    #development_section .section_headding:before {
        left: -13%;
    }

    #development_section .section_headding:after {
        left: -28%;
    }

    .quote_headding:before {
        left: -13%;
    }

    .advantages_text {
        padding-left: 15px;
    }
}

/* Pixel 2 */
@media only screen and (min-width: 411px) and (max-width: 731px) and (orientation: portrait) {

}

/* iPhone 6/7/8 plus */
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: portrait) {

}

/* Nexus 7 */
@media only screen and (min-width: 600px) and (max-width: 960px) and (orientation: portrait) {
    #development_section .section_headding:before {
        left: -9%;
    }

    #development_section .section_headding:after {
        left: -19%;
    }

    .quote_headding:before {
        left: -9%;
    }

    .advantages_text {
        padding-top: 15px;
    }
}

/* iPad */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    #development_section .section_headding:before {
        left: -7%;
    }

    #development_section .section_headding:after {
        left: -15%;
    }

    .quote_headding:before {
        left: -7%;
    }

    #details_section .details_headding:after {
        left: -15%;
    }

    #listed_section .more_services_headding:after {
        left: -13%;
    }

}

/* kindle fire */

@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: portrait) {
    #development_section .section_headding:after {
        left: -17%;
    }

    .advantages_text {
        padding-left: 0;
    }

    #details_section .details_headding:after {
        left: -17%;
    }

    #listed_section .more_services_headding:after {
        left: -14%;
    }
}

/* iPad pro */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
    #development_section .section_headding:before {
        left: -11%;
    }

    #development_section .section_headding:after {
        left: -24%;
    }

    .quote_headding:before {
        left: -12%;
    }

    #details_section .details_headding:before {
        left: -11%;
    }

    #details_section .details_headding:after {
        left: -25%;
    }

    #listed_section .more_services_headding:after {
        left: -10%;
    }
}

@media screen and (max-width: 480px) {
    .services_name {

        top: 44px;
    }

    .service_padding .col-xs-6 {

        padding: 0px 5px;
    }
}




/* responsive code */