/* CSS Document by Palakshi Dam - Krishna Tech */

@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Sawarabi+Mincho');
.container1 {
    width: 90%;
    height: auto;
    margin: 0 5%
}

.h3 {
    font-weight: normal;
    color: #808080;
}

.h33 {
    color: #17BED2;
}

.handled {
    background: #333333;
    color: white;
    padding: 1%;
    width: auto;
    float: left;
    margin: 0 1%
}

.handled span {
    font-family: Hind, sans-serif;
    color: #FAC304
}

.mailus {
    color: #FFFFFF;
    font-weight: normal;
    font-size: large;
    margin: 1% 0
}

.mailus span {
    color: #FAC304;
    font-size: large
}

.service-p {
    width: 86%;
    height: inherit;
    float: left;
    background: url(images/icon.png) left center no-repeat;
    background-size: 50px 50px;
    margin: 0;
    padding: 3% 0 3% 12%;
    color: black;
    font-size: large
}

.service-p1 {
    width: 86%;
    height: inherit;
    float: left;
    background: url(images/icon1.png) left center no-repeat;
    background-size: 50px 50px;
    margin: 0;
    padding: 3% 0 3% 12%;
    color: black;
    font-size: large
}

.service-p2 {
    width: 86%;
    height: inherit;
    float: left;
    background: url(images/icon2.png) left center no-repeat;
    background-size: 50px 50px;
    margin: 0;
    padding: 3% 0 3% 12%;
    color: black;
    font-size: large
}

.service-p3 {
    width: 86%;
    height: inherit;
    float: left;
    background: url(images/icon3.png) left center no-repeat;
    background-size: 50px 50px;
    margin: 0;
    padding: 3% 0 3% 12%;
    color: black;
    font-size: large
}

.service-p4 {
    width: 86%;
    height: inherit;
    float: left;
    background: url(images/icon4.png) left center no-repeat;
    background-size: 50px 50px;
    margin: 0;
    padding: 3% 0 3% 12%;
    color: black;
    font-size: large
}

#home-services {
    text-align: center;
    background: white
}

#home-services h2 {
    margin-bottom: 65px;
    text-transform: uppercase;
    margin-top: 45px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 25px;
}

.h-service {
    border: 1px solid #eee;
    margin-bottom: 25px;
    height: 300px
}

#home-services .h-service-content h3 {
    padding-top: 50px;
    text-align: center;
    font-size: large
}

.h-service-content p {
    text-align: left;
    padding: 1% 10%;
    margin: 0;
    color: #17BED2
}

.h-service-content span {
    color: #808080;
    padding: 0 2%
}

.h-service-content a {
    color: #e74c3c;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.h-service-content a:hover {
    color: #16a085
}

.icon-wrap {
    font-size: 2em;
    height: 60px;
    width: 60px;
    float: left;
    line-height: 60px;
    text-align: center;
    color: #fff;
    margin-right: 30px;
    padding: 4% 0 0 0
}

.ico-bg {
    background: #48cfad
}

.round-five {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.round-fifty {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    margin-left: 40%;
    margin-top: -25px;
}

footer {
    background: white
}

@media all and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    .handled {
        background: #333333;
        color: white;
        padding: 1%;
        width: 100%;
        float: left;
        margin: 1% 0;
    }
    .handled span {
        font-family: Hind, sans-serif;
        color: #FAC304;
        line-height: 20px;
    }
    .experiencecontainer {
        padding: 0;
    }
    .service-p {
        width: 86%;
        height: inherit;
        float: left;
        background: url(images/icon.png) left center no-repeat;
        background-size: 30px 30px;
        margin: 0;
        padding: 3% 0 3% 12%;
        color: black;
        font-size: large
    }
    .service-p1 {
        width: 86%;
        height: inherit;
        float: left;
        background: url(images/icon1.png) left center no-repeat;
        background-size: 30px 30px;
        margin: 0;
        padding: 3% 0 3% 12%;
        color: black;
        font-size: large
    }
    .service-p2 {
        width: 86%;
        height: inherit;
        float: left;
        background: url(images/icon2.png) left center no-repeat;
        background-size: 30px 30px;
        margin: 0;
        padding: 3% 0 3% 12%;
        color: black;
        font-size: large
    }
    .service-p3 {
        width: 86%;
        height: inherit;
        float: left;
        background: url(images/icon3.png) left center no-repeat;
        background-size: 30px 30px;
        margin: 0;
        padding: 3% 0 3% 12%;
        color: black;
        font-size: large
    }
    .service-p4 {
        width: 86%;
        height: inherit;
        float: left;
        background: url(images/icon4.png) left center no-repeat;
        background-size: 30px 30px;
        margin: 0;
        padding: 3% 0 3% 12%;
        color: black;
        font-size: large
    }
}