@media screen and (min-width: 1600px) {
    .container{
        max-width: 1280px;
        width: 100%;
    }
}
@media (min-width: 1200px) and (max-width:1500px){
    
    
}

@media (min-width:768px ) and (max-width:1025px)
{
    header{
        height:600px;
    }
    h1{
        font-size:22px;
    }
    .contact-nav{
        float:right;
        margin-right: 10px;
        
    }
    .col-xs-3{
    padding-left:10px;
}
    .contact-nav li a{
   
    
    font-size:14px;
    
}
    .section-button .container {
    width: 90%;
}
    .section-welcome {
    padding-top: 40px;
    padding-bottom: 70px;
}
}
@media (min-width:768px ) and (max-width:991px){
    .section-button .container {
        width: 700px;
    }
    .section-welcome .container {
        max-width: 700px;
    }
}
@media (min-width: 481px) and (max-width:767px)
{

     header{
        height:auto;
         padding-bottom: 70px;
    }
    .header-box {
        text-align: center;
    }
   /*  .logo img{
     width: 155px;
        
}*/
     .col-xs-3{
    padding-left:10px;
}
     .section-welcome {
    padding-top: 40px;
    padding-bottom: 70px;
}
    .section-welcome .container {
        max-width: 90%;
    }
    
    h1{
        font-size:24px;
    }
    .portal-content a {
    font-size: 14px;
    }
    h2{
        font-size:22px;
    }
    .social-links{
        float:none;
        text-align:center;
        padding-left: 0px;
    }
    ul.footer-links{
        text-align:center;
        float:none;
    }
     .copy-right{
        text-align:center;
    }
    .contact-nav {
        float: none;
        justify-content: center;
        display: flex;
        padding: 0;
    }
    .col-sm-8{
        padding-left:0;
        padding-right:0;
    }
    .col-sm-4{
        padding-left:0;
        padding-right:0;
    }
    .portal-content:first-child, .portal-content:last-child{
        border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    border-bottom-color: transparent!important;
    }
    .contact-nav li {
    margin-right: 20px;
}
 /*   .contact-nav li a {
    font-size: 12px;
}*/
/*    .contact-nav img{
        width:70%;
    }*/
     .section-button .container{
    width:80%;
}
    .section-button{
        padding-top:70px;
        margin-top:0;
    }
    /*.social-links img{
        width:20px;
        height:20px;
    }*/
    .social-links li {
    padding-right: 5px;
        
}
    .footer-links li {
    float: none;
    display:block;
}
    p{
        font-size: 14px;
    }
    .footer-links li a {
        padding: 0;
    }
}
@media (min-width: 320px) and (max-width:480px){

     header{
        height:auto;
         padding-bottom: 70px;
    }
    .header-box {
        text-align: center;
    }
    .logo img{
     width: 160px;
        
}
    .col-xs-3{
    padding-left:10px;
}
     .section-welcome {
    padding-top: 40px;
    padding-bottom: 70px;
}
    .section-welcome .container {
        max-width: 90%;
    }
     .contact-nav {
        float: none;
        justify-content: center;
        display: flex;
        padding: 0;
    }
    .contact-nav li {
    margin-right: 10px;
}
   /* .contact-nav li a {
    font-size: 8px;
}*/
    .contact-nav img{
        width:80%;
    }
        
    h1{
        font-size:22px;
    }
    h2{
        font-size:20px;
    }
    p{
        font-size:14px;
    }

    .portal-content:first-child, .portal-content:last-child{
        border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    border-bottom-color: transparent!important;
    }
    .section-welcome {
    padding-top: 30px;
    padding-bottom: 50px;
}
    .social-links{
        float:none;
        text-align:center;
        padding-left: 0;
    }
    ul.footer-links{
        text-align:center;
        float:none;
    }
    .footer-links li {
    float: none;;
    display: block;
}
    .footer-links li a{
   font-size:14px;
}
.copy-right{
    font-size:12px;
    text-align: center;
}
    .section-button{
        padding-top:70px;
        margin-top:0;
    }
    .section-button .container{
    width:90%;
}
    .col-sm-8{
        padding-left:0;
        padding-right:0;
    }
    .col-sm-4{
        padding-left:0;
        padding-right:0;
    }
    /*.social-links img{
        width:15px;
        height:15px;
    }*/
    .social-links li {
    padding-right: 5px;
}
.footer-links li a {
        padding: 0;
    }
}

/* custom css for portal box central align - Added by Priyadharshini*/
.portals{
text-align: center;
}
.portal-content{
display: inline-block;
float:none;
}
@media only screen and (max-width: 767px){
.portal-content{
width: 80%;
}
}
/*Ends*/

header {
min-height: calc(100vh - 116px);
height:auto;
}