@media screen and (max-width:1120px) {
    .inner_header,
    .inner-hire-services,
    .inner-why,
    .inner-dev,
    .inner-mark,
    .inner-you-need,
    .content-marketing,
    .inn-free-quote,
    .inner-footer {
        width: 96%;
    }
    .frodoe-culture ul li {
        width: 31%;
        padding: 0% 1%;
    }
    .inn-con-line img {
        padding: 15px 25px 10px 40px;
    }
    .menu_box {
        right: 2%;
    }
}
@media screen and (max-width:1115px) {
		.app_modern,.app_testing { top:300px;}
		.app_codevlop,.app_dedicated { bottom:240px;}
}

@media screen and (max-width:1023px) {
    .frodoe-culture ul li h2 {
        font-size: 28px;
    }
    .frodoe-culture ul li p {
        padding: 20px 0px;
    }
	.app_dev,.app_manintain,.app_modern, .app_testing,.app_codevlop, .app_dedicated { width:22%;}
	.app_modern,.app_testing { top:280px;}
	.app_codevlop,.app_dedicated { bottom:260px;}
}

@media screen and (max-width:959px) {
    .inner-hire-services-text,
    .copy-why {
        width: 100%;
    }
    .inner-why h1,
    .inner-mark h1 {
        font-size: 65px;
    }
    .inn-con-line img {
        padding: 20px 20px 10px 20px;
    }
    .input-form {
        width: 55%;
    }
    .inn-free-quote h1 {
        font-size: 58px;
    }
	.app_modern,.app_testing { top:230px;}
	.app_codevlop,.app_dedicated { bottom:240px;}
	.app_codevlo { left: 50px;}
	.app_dedicated {right: 50px;}
}

@media screen and (max-width:800px) {
    .frodoe-culture ul li {
        width: 50%;
        margin: 0px auto;
        padding: 0%;
    }
    .inner-mark h3 {
        font-size: 60px;
    }
    .inner-mark h4 {
        font-size: 30px;
    }
    .inner-you-need h5 {
        font-size: 37px;
    }
    .content-marketing h6 {
        padding: 0px 20px 30px 20px;
        font-size: 35px;
    }
    .box,
    .text-box {
        width: 90%;
    }
    .input-form {
        width: 65%;
    }
}

@media screen and (max-width:767px) {
    .frodoe-culture ul li {
        float: none;
        width: 70%;
    }
    .inner-mark h3 {
        font-size: 50px;
    }
    .inner-mark h4 {
        font-size: 25px;
    }
    .input-form {
        width: 65%;
    }
    .box {
        margin: 10px 0px 0px 0px;
    }
    .footer-menu {
        width: 100%;
    }
    .footer-menu ul li {
        padding: 0px 15px;
    }
    .inn-free-quote h1 {
        font-size: 60px;
    }
    .inn-free-quote h1 {
        font-size: 50px;
    }
	.app_dev,.app_manintain { top:75px;}
}

@media screen and (max-width:639px) {
    .inner-you-need h5 {
        font-size: 30px;
    }
    .content-marketing h6 {
        font-size: 30px;
    }
    .inn-con-line p {
        padding: 8px 0px;
    }
    .inn-con-line img {
        padding: 15px 20px 10px 20px;
        width: 5%;
    }
    .footer-menu ul li {
        padding: 0px 9px;
    }
	.app_modern, .app_testing { top: 215px;}
}

@media screen and (max-width:589px) {
    .inner_header_left {
        width: 14%;
    }
    .frodoe-culture ul li {
        width: 80%;
    }
    .inner-hire-services-text,
    .copy-why {
        width: 90%;
    }
    .inner-dev {
        padding: 30px 0px;
    }
    .inner-why h1,
    .inner-mark h1,
    .inn-free-quote h1 {
        font-size: 55px;
    }
    .inner-mark h3 {
        font-size: 40px;
    }
    .inner-mark h4 {
        font-size: 22px;
    }
    .content-marketing h6 {
        font-size: 26px;
        padding: 0px 20px 30px 10px;
    }
    .inn-con-line p {
        font-size: 18px;
        padding: 8px 0px;
    }
    .inn-con-line img {
        padding: 15px 20px 10px 10px;
        width: 5%;
    }
    .input-form {
        width: 95%;
    }
    .box,
    .text-box {
        width: 90%;
    }
    .footer-menu ul li {
        float: none;
        padding: 0px;
        margin: 5px 0px;
        text-align: center;
    }
    .inner_header_right ul li a {
        padding: 35px 0px;
    }
	.app_dev,.app_codevlop { left: 30px;}
	.app_manintain,.app_dedicated { right:30px;}
	.app_modern, .app_testing { top:190px;}
	.app_codevlop, .app_dedicated { bottom: 300px;}
	.inner_header_left img { margin: 15px 0px 10px 0px; margin-left: -90px;}
	.inner_header_left { width:20%;}
}

@media screen and (max-width:479px) {
    .inner_header_left img {
        margin: 0px 0px 0px 5px;
		margin-left: -90px;
    }
    .inner_header_right ul li a {
        font-size: 20px;
        padding: 30px 0px 0px 0px;
    }
    .menu img {
        width: 80%;
    }
    .menu {
        margin: 30px 0px 0px 10px;
    }
    .inner_header_left {
        width:27%;
    }
    .inner-hire-services-text {
        width: 80%;
        font-size: 16px;
        padding: 25px 0px;
    }
    .copy-why {
        width: 80%;
        font-size: 16px;
    }
    .inner-why h1 {
        font-size: 55px;
    }
    .frodoe-culture ul li img {
        padding: 40px 0px 15px 0px;
    }
    .frodoe-culture ul li p {
        padding: 10px 0px;
    }
    .inner-mark h1,
    .inn-free-quote h1 {
        font-size: 45px;
    }
    .inner-mark h3 {
        font-size: 33px;
        padding: 10px 15px;
    }
    .inner-mark h4 {
        font-size: 20px;
        padding: 10px 15px;
    }
    .inner-mark p {
        font-size: 18px;
    }
    .inner-you-need h5 {
        font-size: 25px;
        padding: 50px 15px 20px 15px;
    }
    .inner-you-need p {
        font-size: 18px;
        padding: 0px 15px 40px;
    }
    .content-marketing h6 {
        font-size: 22px;
    }
    .inn-con-line img {
        padding: 15px 10px 25px 10px;
        width: 6%;
    }
    .inn-con-line p {
        font-size: 16px;
    }
    .input-form {
        width: 96%;
    }
    .input-form p {
        font-size: 17px;
    }
    .box,
    .text-box {
        width: 85%;
    }
    .box {
        margin: 10px 0px 15px 0px;
    }
    .menu_box {
        top: 90%;
        right: 5%;
    }
	.app_dev, .app_codevlop { left:20px;}
	.app_manintain, .app_dedicated { right:20px;}
	.app_dev, .app_manintain { top:50px;}
	.app_modern, .app_testing { top:140px;}
	.app_codevlop, .app_dedicated { bottom:275px;}
	.hire-services { padding-top:15%;}
} 
@media screen and (max-width:359px) {
	.app_modern, .app_testing { top:130px;}	
}