@media all and (max-width: 995px) {
.logo {
    width: 20%;
}
.menu {
    width: 80%;
}
.bottom-header h1 {
    font-size: 29px;
    text-align: center;
}
.bottom-header a {
    border-bottom: 4px solid #ca6841;
    border-radius: 4px;
    font-size: 15px;
    margin-bottom: 25px;
    margin-top: 45px;
    padding: 13px;
    width: 150px;
}
.mid h2 {
    font-size: 23px;
    margin-top: -5px;
}
.service p {
    font-size: 14px;
    margin: auto;
    width: 88%;
}
.service-area {
    margin-top: 31px;
    text-align: center;
}
.service-box {
    display: inline-block;
    width: 48%;
}
.service-box img {
    width: 55px;
}
.service-box h3 {
    font-size: 17px;
}
.service-box p {
    font-size: 15px;
    width: 74%;
}
.meet {
    padding: 60px 11px;
}
h2 {
    font-size: 27px;
    letter-spacing: 2px;
    margin-bottom: -2px;
}
.meet_img {
    margin-left: 5px;
    padding: 30px 5px;
    width: 48%;
}
.meet_img h3 {
    font-size: 17px;
    margin: 3px 0;
}
.meet_img h4 {
    color: #2fbedc;
    font-size: 15px;
    font-weight: normal;
}
.meet_img p {
    color: #878787;
    font-size: 13px;
    height: 85px;
    margin: 5px auto auto;
    width: 329px;
}
.meet_img img {
    height: 100px;
    padding: 15px 0;
    width: 100px;
}
.we_got {
    height: 559px;
}
.we_got p {
    width: 70%;
}
.we_got hr {
    background-color: #dee9ef;
}
.web {
    margin-left: 51px;
    margin-right: -77px;
    margin-top: 23px;
    width: 48%;
}
.web h3 {
    font-size: 17px;
    margin-top: 17px;
}
.portfolio {
    padding: 75px 23px;
    text-align: center;
}
.port_head hr {
    background: #e5c27e none repeat scroll 0 0;
}
.port_head p {
    font-size: 17px;
    margin: 22px auto auto;
    width: 519px;
}
.port_head a {
    background: #ecc985 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
    height: 25px;
    margin: 35px 5px;
    padding-top: 5px;
    transition: all 1s ease 0s;
    width: 65px;
}
.port_head a:hover {
    background: white none repeat scroll 0 0;
    border: 1px solid #ecc985;
}
.port_img {
    float: left;
    height: 323px;
    margin-left: -6px;
    width: 100%;
}
.port_img img {
    width: 399px;
}
.port_img p {
    font-size: 15px;
}
.load {
}
.what {
    padding-left: 1%;
    padding-top: 73px;
    text-align: center;
}
.what h2 {
    color: white;
}
.what hr {
    background-color: #b63c6d;
}
.what p {
    color: white;
    margin-top: 15px;
    text-align: center;
}
.what_img {
    float: left;
    height: 157px;
    margin-left: 7%;
    margin-top: 45px;
    width: 95%;
}
.what_img img {
    border-radius: 72%;
    float: left;
    height: 111px;
    width: 111px;
}
.what_text {
    float: left;
    font-size: 13px;
    height: 188px;
    margin-left: 5%;
    width: 75%;
}
.what_text p {
    font-size: 17px;
    margin-bottom: 23px;
    opacity: 0.9;
    text-align: justify;
}
.what_text h3 {
    color: white;
    font-size: 19px;
    text-align: left;
}
.what_text h4 {
    font-size: 15px;
    font-weight: normal;
    margin-top: 3px;
    text-align: left;
}
.get_in {
    background: #3c549a none repeat scroll 0 0;
    padding-bottom: 70px;
    padding-top: 95px;
    text-align: center;
}
.get_in h2 {
    color: white;
}
.get_in hr {
    background: #273a72 none repeat scroll 0 0;
}
.get_in p {
    color: white;
    margin-top: 17px;
}
.name {
    margin-top: 35px;
}
button {
}
.name input {
    margin-top: 11px;
    width: 589px;
}
.name input, .name textarea {
    background: #273a72 none repeat scroll 0 0;
    border: medium none;
    color: white;
    font-size: 17px;
    padding: 7px;
}
.name textarea {
    display: block;
    height: 171px;
    margin: 11px auto auto;
    width: 587px;
}
.facebook a {
    color: white;
    font-size: 17px;
    font-weight: bold;
    margin-left: 47px;
}
.facebook a {
    margin-left: 30px;
}
}
@media all and (max-width: 830px) {
.mid {
    width: 95%;
}
.header .logo {
    width: 10%;
}
.header .menu {
    width: 90%;
}
.menu ul li a {
    padding: 5px 17px;
}
.header .bottom-header h1 {
    font-size: 21px;
}
.bottom-header {
    margin-bottom: -73px;
    margin-top: 255px;
}
.blr {
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    padding: 50px 0 145px;
    width: 100%;
}
.mid h2 {
    font-size: 27px;
    margin-top: 11px;
}
.service .mid p {
    font-size: 17px;
}
.service-area {
    margin-top: 15px;
    text-align: center;
}
.service-box {
    margin-top: 27px;
    width: 45%;
}
.service-box img {
    width: 51px;
}
.service-box h3 {
    font-size: 17px;
}
.service-box p {
    font-size: 15px;
    width: 90%;
}
.meet {
    padding-bottom: 33px;
    padding-top: 56px;
}
.meet_img {
    margin-left: 5px;
    padding: 30px 5px;
    width: 47%;
}
.meet .meet_img p {
    height: 71px;
}
.we_got {
    height: 617px;
}
.web {
}
.web h3 {
    font-size: 14px;
}
.portfolio {
    padding: 61px 5px;
    text-align: center;
}
.load {
    height: 29px;
    margin-top: 27px;
    width: 211px;
}
.what {
    padding-left: 1%;
    padding-top: 73px;
    text-align: center;
}
.what_text {
    float: left;
    font-size: 13px;
    height: 188px;
    margin-left: 7%;
    width: 50%;
}
.get_in {
    padding-bottom: 57px;
    padding-top: 65px;
}
.name {
    margin-top: 35px;
}
.name input {
    margin-top: 3px;
    padding: 5px;
    width: 223px;
}
.name textarea {
    height: 148px;
    width: 462px;
}
button {
    height: 43px;
    margin-top: 25px;
    width: 170px;
}
.facebook a {
    margin-left: 20px;
}
}
@media all and (max-width: 670px) {
.mid {
    width: 91%;
}
.header .logo {
    width: 11%;
}
.header .menu {
    height: 133px;
    width: 89%;
}
.menu ul li ul li a {
    border: 1px solid transparent;
    color: #f2edd7;
    font-weight: bold;
    margin-right: -2px;
    margin-top: 3px;
    padding: 7px 27px;
    text-align: left;
}
.menu a:hover {
    background: #ca6841 none repeat scroll 0 0;
    border: 1px solid #6b5e1a;
    border-radius: 3px;
    color: white;
}
.menu ul li ul {
    display: none;
    margin-top: -17px;
}
.menu ul li ul li {
    display: block;
}
.menu ul li i {
    background: black none repeat scroll 0 0;
    border-radius: 3px;
    color: #84742e;
    display: block;
    font-size: 27px;
    margin-right: 48px;
    padding: 3px 6px;
    padding-right: 7px;
}
.menu ul li:hover ul {
    display: block;
}
.menu ul li:hover i {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: transparent;
}
.bottom-header {
    margin-top: 181px;
}
.bottom-header h1 {
    font-size: 23px;
}
.bottom-header a {
    margin-top: 30px;
    padding: 13px;
    width: 157px;
}
.blr {
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    padding: 50px 0 140px;
    width: 100%;
}
.meet_img {
    height: 270px;
    margin-left: 5px;
    padding: 30px 5px;
    width: 95%;
}
.meet_img p {
    margin-top: 5px;
}
.we_got {
}
.web {
    width: 48%;
}
.web h3 {
    margin-top: 21px;
}
.port_img {
    float: left;
    height: 230px;
    margin-left: 11px;
    width: 100%;
}
.port_img img {
    margin-bottom: 11px;
    margin-top: 25px;
    width: 250px;
}
.port_img p {
    font-size: 13px;
    margin: auto;
    width: 321px;
}
.load {
    background: #18c2a5 none repeat scroll 0 0;
    border-bottom: 4px solid #16a48a;
    border-radius: 3px;
    display: inline-block;
    height: 29px;
    margin-top: 48px;
    padding-top: 11px;
    transition: all 1s ease 0s;
    width: 222px;
}
.what {
    padding-bottom: 25px;
}
.what_img {
    float: left;
    height: 141px;
    margin-left: 7%;
    margin-top: 25px;
    width: 95%;
}
.what_img img {
    border-radius: 72%;
    float: left;
    height: 77px;
    width: 77px;
}
.what_text {
    float: left;
    font-size: 13px;
    height: 188px;
    margin-left: 7%;
    width: 60%;
}
.name input, .name textarea {
    background: #273a72 none repeat scroll 0 0;
    border: medium none;
    color: white;
    font-size: 17px;
    padding: 7px;
}
.name textarea {
    display: block;
    height: 171px;
    margin: 11px auto auto;
    width: 471px;
}
.facebook a {
    margin-left: 13px;
}
}
@media all and (max-width: 555px) {
.mid {
    width: 91%;
}
.header .logo {
    width: 11%;
}
.header .menu {
    height: 200px;
    width: 89%;
}
.bottom-header {
    margin-top: 77px;
}
.bottom-header h1 {
    font-size: 17px;
}
.bottom-header a {
    margin-top: 30px;
    padding: 13px;
    width: 157px;
}
.mid h2 {
    font-size: 23px;
    margin-top: -5px;
}
.service p {
    font-size: 14px;
    margin: auto;
    width: 88%;
}
.service-area {
    margin-top: 31px;
    text-align: center;
}
.service-box {
    display: inline-block;
    width: 97%;
}
.service-box img {
    width: 55px;
}
.service-box h3 {
    font-size: 17px;
}
.service-box p {
    font-size: 15px;
    width: 74%;
}
.meet {
    padding: 60px 11px;
}
h2 {
    font-size: 23px;
    letter-spacing: 2px;
    margin-bottom: -2px;
}
.meet_img h3 {
    font-size: 17px;
    margin: 3px 0;
}
.meet_img h4 {
    color: #2fbedc;
    font-size: 15px;
    font-weight: normal;
}
.meet_img p {
    color: #878787;
    font-size: 13px;
    height: 85px;
    margin: auto;
    width: 329px;
}
.meet_img img {
    height: 100px;
    padding: 15px 0;
    width: 100px;
}
.we_got {
    height: 1033px;
}
.we_got p {
    font-size: 14px;
    width: 96%;
}
.web {
    margin-left: 5px;
    margin-top: 23px;
    width: 99%;
}
.web h3 {
    font-size: 17px;
    margin-top: 17px;
}
.portfolio {
    padding: 75px 23px;
    text-align: center;
}
.port_head hr {
    background: #e5c27e none repeat scroll 0 0;
}
.port_head p {
    margin: 22px auto auto;
    width: 375px;
}
.port_head a {
    background: #ecc985 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
    height: 25px;
    margin: 35px 5px;
    padding-top: 5px;
    transition: all 1s ease 0s;
    width: 65px;
}
.port_head a:hover {
    background: white none repeat scroll 0 0;
    border: 1px solid #ecc985;
}
.port_img {
    float: left;
    height: 230px;
    margin-left: 17px;
    width: 97%;
}
.port_img img {
}
.port_img p {
}
.what {
    padding-left: 1%;
    padding-top: 73px;
    text-align: center;
}
.what h2 {
    color: white;
}
.what hr {
    background-color: #b63c6d;
}
.what p {
    color: white;
    margin-top: 15px;
    text-align: center;
}
.what_img {
    float: left;
    height: 157px;
    margin-left: 7%;
    margin-top: 45px;
    width: 95%;
}
.what_img img {
    border-radius: 72%;
    float: left;
    height: 77px;
    width: 77px;
}
.what_text {
    float: left;
    font-size: 13px;
    height: 188px;
    margin-left: 7%;
    width: 60%;
}
.what_text p {
    font-size: 15px;
    margin-bottom: 23px;
    opacity: 0.9;
    text-align: justify;
}
.what_text h3 {
    color: white;
    font-size: 17px;
    text-align: left;
}
.what_text h4 {
    color: #ffdd99;
    font-weight: normal;
    margin-top: 3px;
    text-align: left;
}
.get_in {
    background: #3c549a none repeat scroll 0 0;
    padding-bottom: 70px;
    padding-top: 95px;
    text-align: center;
}
.get_in h2 {
    color: white;
}
.get_in hr {
    background: #273a72 none repeat scroll 0 0;
}
.get_in p {
    color: white;
    margin-top: 17px;
}
.name {
    margin-top: 35px;
}
.name input {
    margin-left: 4px;
    margin-right: 3px;
    margin-top: 21px;
    padding: 5px;
    width: 290px;
}
.name input, .name textarea {
    background: #273a72 none repeat scroll 0 0;
    border: medium none;
    color: white;
    font-size: 17px;
    padding: 7px;
}
.name textarea {
    display: block;
    height: 171px;
    margin: 11px auto auto;
    width: 287px;
}
.facebook a {
    color: white;
    font-size: 14px;
    font-weight: bold;
    margin-left: 3px;
}
}
@media all and (max-width: 375px) {
.mid {
    width: 91%;
}
.header .logo {
    width: 11%;
}
.header .menu {
    height: 200px;
    width: 89%;
}
.bottom-header {
    margin-top: 77px;
}
.bottom-header h1 {
    font-size: 17px;
}
.bottom-header a {
    margin-top: 30px;
    padding: 13px;
    width: 157px;
}
.mid h2 {
    font-size: 21px;
    margin-top: -45px;
}
.service {
    padding-bottom: 45px;
}
.service p {
    font-size: 14px;
    margin: auto;
    width: 88%;
}
.service-area {
    margin-top: 29px;
    text-align: center;
}
.service-box {
    display: inline-block;
    width: 97%;
}
.service-box img {
    width: 55px;
}
.service-box h3 {
    font-size: 17px;
}
.service-box p {
    font-size: 14px;
    width: 75%;
}
.meet {
    padding-bottom: 15px;
}
h2 {
    font-size: 19px;
    letter-spacing: 2px;
    margin-bottom: 0;
}
.meet_img h3 {
    font-size: 17px;
    margin: 3px 0;
}
.meet_img h4 {
}
.meet_img p {
    text-align: justify;
    width: 225px;
}
.meet_img img {
    height: 100px;
    padding: 15px 0;
    width: 100px;
}
.portfolio {
    padding: 75px 23px;
    text-align: center;
}
.port_head hr {
}
.port_head p {
    font-size: 15px;
    margin: 22px auto auto;
    width: 279px;
}
.port_head a {
    font-size: 15px;
    height: 23px;
    margin: 35px auto 35px 3px;
    padding-top: 6px;
    width: 59px;
}
.port_head a:hover {
    background: white none repeat scroll 0 0;
    border: 1px solid #ecc985;
}
.port_img {
    float: left;
    height: 230px;
    margin-left: 17px;
    width: 97%;
}
.port_img img {
}
.port_img p {
    width: 263px;
}
.what {
    padding-left: 1%;
    padding-top: 59px;
    text-align: center;
}
.what h2 {
    color: white;
    font-size: 21px;
    width: 255px;
}
.what hr {
}
.what p {
    color: white;
    margin-top: 15px;
    text-align: center;
}
.what_img {
}
.what_img img {
    margin-top: 11px;
}
.what_text {
    margin-left: 5%;
}
.what_text p {
    font-size: 14px;
    margin-bottom: 23px;
    margin-right: 5px;
    opacity: 0.9;
    text-align: justify;
}
.what_text h3 {
}
.what_text h4 {
}
.get_in {
    background: #3c549a none repeat scroll 0 0;
    padding-bottom: 70px;
    padding-top: 45px;
    text-align: center;
}
.get_in h2 {
    color: white;
}
.get_in hr {
}
.get_in p {
    margin: auto;
    width: 199px;
}
.name {
    margin-top: 23px;
}
.name input {
    margin-top: 11px;
    padding: 5px;
    width: 240px;
}
.name textarea {
    display: block;
    height: 125px;
    margin: 11px auto auto;
    width: 237px;
}
.facebook {
    height: 60px;
    padding-bottom: 11px;
    padding-top: 13px;
}
.facebook a {
    color: white;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 5px;
}
}