/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.nav > li > a {
    position: relative;
    display: block;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 400;
}
.promo-text {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    font-family: Roboto Slab, sans-serif;
	letter-spacing:5px;
    /* border-bottom: 4px solid #5bbfeb; */
}
p {
    line-height: 1.7;
    font-size: 16px;
    font-weight: 300;
	text-align:justify;
}
.footer-bottom {
    border-top: 1px solid #555;
    margin-top:0px;
    line-height:2;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    opacity: 1;
    display: inline-block;
    /* width: 100%; */
}
.promo-paragraph-about {
    padding: 0;
    text-align: left;
    margin-top:15px;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin: 4% 0%;
}
.zoom-name {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    font-family: Roboto Slab, sans-serif;
    text-align: center;
}
.service-name {
    text-align: center;
    font-size: 18px;
    font-weight:400;
    font-family: Roboto Slab, sans-serif;
}
.service-text {
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    margin-bottom:15px;
	line-height: 1.3;
}
.Icon_baCkgRouNd {
    background-color: #9bc53d;
    padding: 6% 0%;
    color: #fff;
    box-shadow: 6px 7px 15px 0px #474846;
    min-height: 270px;
    margin: 5% 0%;
}
.Icon_baCkgRouNd1 {
    background-color: #e55934;
    padding: 6% 0%;
    color: #fff;
    box-shadow: 6px 7px 15px 0px #474846;
    min-height: 270px;
    margin: 5% 0%;
}
.Icon_baCkgRouNd2 {
    background-color: #fa7921;
    padding: 6% 0%;
    color: #fff;
    box-shadow: 6px 7px 15px 0px #474846;
    min-height: 270px;
    margin: 5% 0%;
}
.Icon_baCkgRouNd3 {
    background-color: #5bc0eb;
    padding: 6% 0%;
    color: #fff;
    box-shadow: 6px 7px 15px 0px #474846;
    min-height: 270px;
    margin: 5% 0%;
}
.serv-name {
    line-height: 57px;
    font-weight: 400;
    font-size: 18px;
    margin: 0;
    padding: 0;
    color: #fff;
    letter-spacing: 4px;
}
.serv-desc {
    font-weight: 300;
    margin: 0;
    color: #fff;
    font-size: 16px;
}
.portfolio_button {
    padding: 2% 4%;
    color: #fff;
    font-weight: 400;
    border: 2px solid #fff;
    background-color: #fa7921;
    font-size: 18px;
}
.portfolio-mar {
    margin: 1% 0% 10%;
}
.portfolio_button_new {
    background-color: #047caf;
    padding: 2% 2%;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    border: 2px solid #047caf;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.Icon_baCkgRouNd {
    background-color: #9bc53d;
    padding: 6% 0%;
    color: #fff;
    box-shadow: 6px 9px 20px 6px #474846;
    min-height: 370px;
}
.Icon_baCkgRouNd1 {
    background-color: #e55934;
    padding: 6% 0%;
    color: #fff;
    box-shadow: 5px 5px 10px 0px #474846;
    min-height: 370px;
}
.Icon_baCkgRouNd2 {
    background-color: #fa7921;
    padding: 6% 0%;
    color: #fff;
    box-shadow: 5px 5px 10px 0px #474846;
    min-height: 370px;
}
.Icon_baCkgRouNd3 {
    background-color: #5bc0eb;
    padding: 6% 0%;
    color: #fff;
    box-shadow: 5px 5px 10px 0px #474846;
    min-height: 370px;
}
.service-name {
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    font-family: Roboto Slab, sans-serif;
}
.service-text {
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    margin-top: 15px;
    padding: 0% 4%;
}
.serv-name {
    line-height: 40px;
    font-weight: 400;
    font-size: 23px;
    margin: 0;
    padding: 0;
    color: #fff;
    letter-spacing: 2px;
}
.Our_ser_pera {
    min-height: 180px;
}
}

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

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
.Our_ser_pera {
    min-height: 110px;
}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
.nav > li > a {
    position: relative;
    display: block;
    padding: 2px 9px !important;
    font-size: 14px;
    font-weight: 400;
}
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}