
/*Responsive*/
@media only screen and (min-width: 991px) and (max-width: 1199px) {

.top-header {    max-width: 100% !important; height: 200px;}
.client {    max-width: 100% !important;height: 400px;}
.icons_logo {    max-width: 100% !important;}
.container{max-width: 100% !important;}
.logo img {    width: 100%;padding-top: 35px;}
.client img {    width: 26%;    height: 236px;    margin-top: 60px;}
.social {        height: 338px;}
.box i {    font-size: 150px;    margin: 0px auto;    padding-top: 60px;}
.box {    width: 100%;    height: 100px;}
p.text-center.content {font-size: 40px; margin-top: 5px;}
.icons {    max-width: 100%;    margin: 0px auto;}
.right img {  padding: 10px;}
.footer p {   color: black;    background: lightgrey; font-size: 50px;}
.footer {    max-width: 100% !important;}
.client{max-width:360px !important;}
.top-header {    width: 100%;    max-width: 100%;}
.right img {  padding: 10px; width: 60%;}

}

@media only screen and (min-width: 768px) and (max-width: 990px) {
.top-header {    max-width: 100% !important; height: 200px;}
.client {   max-width: 100% !important;height: 400px;}
.icons_logo {    max-width: 100% !important;}
.container{max-width: 100% !important;}
.logo img {    width: 100%;padding-top: 35px;}
.client img {    width: 26%;    height: 236px;    margin-top: 60px;}
.social {        height: 338px;}
.box i {    font-size: 150px;    margin: 0px auto;    padding-top: 60px;}
.box {    width: 100%;    height: 100px;}
p.text-center.content {font-size: 40px; margin-top: 5px;}
.icons {    max-width: 100%;    margin: 0px auto;}
.right img {  padding: 10px; width: 60%;}
.footer p {   color: black;    background: lightgrey; font-size: 50px;}
.footer {    max-width: 100% !important;}

}


@media only screen and (min-width: 480px) and (max-width: 767px) {
.top-header {    max-width: 100% !important; height: 200px;}
.client {    max-width: 100% !important;height: 400px;}
.icons_logo {    max-width: 100% !important;}
.icons {    max-width: 100%;    margin: 0px auto;}
.container{max-width: 100% !important;}
.logo img {    width: 100% !important;padding-top: 35px;}
.client img {    width: 26%;    height: 236px;    margin-top: 60px;}
.social {        height: 338px;}
.social {    padding: 10px !important;}
.box {    width: 100% !important; margin: 10px 0px 0px 0px !important;}
.footer {    max-width: 100% !important;}
.box i {    font-size: 150px;    margin: 0px auto;    padding-top: 60px;}
p.text-center.content {font-size: 40px; margin-top: 5px;}
.footer p {   color: black;    background: lightgrey; font-size: 50px;}
.right img {  padding: 10px; width: 60%;}


}
@media only screen and (max-width: 479px) {
.client {    max-width: 100% !important;height: 400px;}
.icons_logo {    max-width: 100% !important;}
.icons {    max-width: 100%;    margin: 0px auto;}
.container{max-width: 100% !important;}
.top-header {    max-width: 100% !important; height: 200px;}
.logo img {    width: 100% !important;padding-top: 35px;}
.client {   max-width:100% !important;    height: 300px !important;}
.client img {    width: 26%;    height: 236px;    margin-top: 60px;}
.social {        height: 338px;}
.social {    padding: 10px !important;}
.box {    width: 100% !important; max-width: 100% !important; margin: 10px 0px 0px 0px !important;}
.footer {    max-width: 100% !important;}
.box i {    font-size: 150px;    margin: 0px auto;    padding-top: 60px;}
p.text-center.content {font-size: 40px; margin-top: 5px;}
.footer p {   color: black;    background: lightgrey; font-size: 50px;}
.right img {  padding: 10px; width: 60%;}

}