@media (min-width: 1001px) and (max-width: 1160px) {

}
@media (min-width: 769px) and (max-width: 1000px) {
   
}
@media (min-width: 992px) and (max-width: 1199px) {
   .devapage-header-image {
        margin-left: -100px;
    }
    .dev-background3 {
        background-position-y: -449px;
    }
    .dev-project-container-text a .phone-store-wrap {
        width: 122px;
        height: 44px;
    }
    .dev-background2 {
        background-size: cover;
    }
    .dev-section div .dev-section2-content .dev-section-heading h3 {
        color: #fff;
        font-size: 20pt;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    .dev-initial-buttons li {
        width: 111px;
        font-size: 11pt;
    }
    .dev-initial-buttons {
        width: 463px;
    }
    .dev-section div .dev-section1-img {
        width: 377px;
        height: 509px;
        background-position-y: 0px;
        margin-top: 200px;
    }
    .dev-hash-icon {
        margin-right: -200px;
    }
    .dev-background3 {
        background-position-y: -392px;
    }
    .dev-project-container-text a .phone-store-wrap {
        width: 93px;
        height: 34px;
    }
    .devapage-header-image {
        margin-left: -200px !important;
    }
    .dev-background2 {
        background-size: cover;
    }
}
@media (min-width: 414px) and (max-width: 768px)  {
    .dev-background3 {
        background-position-y: -360px !important;
    }
    .web-dev-background3 {
        background-position-y: -324px !important;
    }

}
@media (min-width: 320px) and (max-width: 413px)  {
    .web-dev-background3 {
        background-position-y: -310px !important;
    }
}
@media (min-width: 320px) and (max-width: 768px)  {
    .dev-section div .dev-section1-img {
        width: 100%;
        height: 311px;
        margin-left: auto;
        margin-top: 40px;
        background-size: 79%;
        background-position: center;
        background-repeat: no-repeat;
        background-position-y: -34px;
    }
    .devapage-header-image {
        display: none;
    }
    .dev-hash-icon {
        display: none;
    }
    .faces-to-face-icons {
        display: none;
    }

    .hashtag-phonenumber {
        margin-left: 0;
        margin-bottom: 0;
    }
    .dev-header-welcome-msg h2 {
        margin-top: -35px;
        font-size: 22pt;
    }
    .dev-header-welcome-msg h3 {
        font-family: 'Roboto', sans-serif;
        margin-top: 7px;
        font-weight: 400;
        font-size: 19pt;
    }
    .web-dev-header {
        background-position-x: 553px;
    }
    .dev-background {
        background-position-y:0;
    }
    .dev-idea-iconsection {
        margin-top: -79px;
    }
    .dev-background2 {
        background-position-x: -356px;
    }
    .dev-section div .dev-section2-content .dev-section-heading {
        text-align: center;
    }
    .dev-background3 {
        background-position-y: -324px;
    }
    .tablinks .devsteps-subtitle {
        display: none;
    }
    .tabcontent {
        margin-top: -20px;
    }
    .dev-project-container-image,
    .dev-project-container-text{
        width: 100%;
    }
    .dev-project-container-image {
        height: 350px;
    }    
    .dev-project-container-text {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: solid 5px #252525;
    }
    .dev-project-container-text h3 {
        float: left;
        border-bottom: none;
        padding-bottom: 0;
    }
    .awesome-subpages{
        display: none;
    }
    .dev-contact-main-container {
        width: 96%;
        height: 600px;
        overflow: auto;
        margin-top: 10px;
    }
    .testimony-slider{
        display: none;
    }
    .testimony-mobile-wrap{
        display: block;
    }
    .testimony-mobile-wrap .testimony-item{
        margin-bottom:20px;
    }    
    .testimony-mobile-wrap .testimony-item h4{
        text-align: center;
    }
    .dev-initial-buttons {
        width: 100%;
        padding:0;
    }
    .dev-initial-buttons li {
        background: #F5BA00;
        width: 100%;
        margin-bottom:10px;
    }
    .devsteps-title-for-mobile{
        display: block;
    }    
    .devsteps-title-for-desktop{
        display: none;
    }
    .dev-section div .web-dev-section1-img {
        width: 314px;
        height: 378px;
        background-position-y: -53px;
        margin-top: 29px;
    }
    .web-dev-project-container-image{
        height: 225px;
    }
    .dev-background2 {
        background-size: cover;
    }
    .mobile-dev-header {
        background-position-x: 590px;
    }
    .web-dev-header {
        background-position-x: 600px;
    }
    .dev-section-heading-services {
        width: 100%;
        float: left;
    } 
    .hide-in-mobile{
        display: none;
    }  
    .padding-right-40{
        padding-right: inherit;
    }    
    .padding-left-40 {
        padding-left: inherit;
    }
}