@media only screen and (min-width: 1024px) and (max-width: 1399px)
{   
    body{
        width:100%;
    }
    .navbar-img{
        padding-top:48px;
        position:absolute;
     }
     .navbar-brand img{
        width:80%;
         margin-top:-45%;
         margin-left:0% !important;
     }
     .navbar-img:before{
        position:relative;
        content:'';
        flex: 1 1;
        border-left: 400px solid #643594;
    }
    .navbar-collapse:before{
        content:'';
        flex: 1 1;
        border-left: 156px solid transparent !important;
        border-right: 0px solid transparent;
        border-bottom: 66px solid #643594 !important;
        position:absolute;
        top:0% !important; 
        right:100% !important;
    }
    .mainnav{
        background-color:#643594!important;
        border:1px solid #643594 !important;
    }
    .navbar-default .navbar-nav>li>a{
        padding:20px 7px !important;
        font-size:14px !important;
        color:white;
        font-family: 'Montserrat', sans-serif;
    }
    .fcol {
        padding-left:100px;
        text-align:left;
        font-family: 'Montserrat', sans-serif;
        font-size:16px;
        line-height: 30px;
    }
}
@media only screen and (min-width: 750px) and (max-width: 992px)
{
    /* header */
        .hicon1{
            font-size:20px;
            color: #f8d50a;
            }
        .headicon{
            font-family: 'Montserrat', sans-serif;
            }
        .h-btn{
            border-color: #f8d50a;
            color: #f8d50a;
            }
        .hicon{
            display:flex;
            }
        .header-content{
            display:flex;
            padding-top:5% !important;
            }
        .hbtn{
            margin-top:10px;
            }
    /* header */
    .container-fluid{
        padding-left:0px !important;
    }
    .navbar-img{
        padding-top:140px;
        position:absolute;
     }
     .navbar-brand img{
         width:60%;
         margin-top:-70% !important;
         margin-left:0 !important;
     }
     .navbar-img:before{
         display:none;
        position:relative;
        content:'';
        flex: 1 1;
        border-left: 400px solid #643594;
    }
    .navbar-collapse:before{
        content:'';
        flex: 1 1;
        border-left: 66px solid transparent;
        border-right: 0px solid transparent;
        border-bottom:150px solid #643594;
        position:absolute;
        top:-1px;
        right:100%;
    }
     .mainnav{
        background-color:#643594!important;
        border:1px solid #643594 !important;
    }
    .navbar-default .navbar-nav>li>a{
        padding:20px 12px !important; 
        font-size:12px !important;
        color:white;
        font-family: 'Montserrat', sans-serif;
    }
    .fcol {
        padding-left:100px;
        text-align:left;
        font-family: 'Montserrat', sans-serif;
        font-size:16px;
        line-height: 30px;
    }
}
@media only screen and (min-width: 424px) and (max-width:750px)
{
    /* header */
        .hicon1{
            font-size:20px;
            color: #f8d50a;
            }
        .headicon{
            font-family: 'Montserrat', sans-serif;
            }
        .h-btn{
            border-color: #f8d50a;
            color: #f8d50a;
            }
        .hicon{
            display:none;
            }
        .header-content{
            display:flex;
            padding-top:10% !important;
            }
        .hbtn{
            margin-top:10px;
            }
            .btn-default{
                font-size:10px !important; 
            }
    /* header */
    .container-fluid{
        padding-left:0px !important;
    }
    .navbar-img{
        padding-top:130px !important;
        position:absolute;
     }
     .navbar-brand img{
         width:60%;
         margin-top:-70% !important;
         margin-left:0% !important;
     }
     .navbar-img:before{
        display:none;
        position:relative;
        content:'';
        flex: 1 1;
        border-left: 400px solid #643594;
    }
    .navbar-collapse:before{
        display:none;
        content:'';
        flex: 1 1;
        border-left: 66px solid transparent;
        border-right: 0px solid transparent;
        border-bottom:150px solid #643594;
        position:absolute;
        top:-1px;
        right:100%;
    }
     .mainnav{
        background-color:#643594!important;
        border:1px solid #643594 !important;
    }
    .navbar-default .navbar-nav>li>a{
        padding:20px 10px;
        font-size:inherit;
        color:white;
        font-family: 'Montserrat', sans-serif;
    }
    .fcol {
        padding-left:100px;
        text-align:left;
        font-family: 'Montserrat', sans-serif;
        font-size:16px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 425px) 
{
    /* header */
        .hicon1{
            font-size:20px;
            color: #f8d50a;
            }
        .headicon{
            font-family: 'Montserrat', sans-serif;
            }
        .h-btn{
            border-color: #f8d50a;
            color: #f8d50a;
            }
        .hicon{
            display:none;
            }
        .header-content{
            display:flex;
            padding-top:30% !important;
            }
        .hbtn{
            display:none;
           
            }
        .btn-default{
            font-size:10px; 
        }
    /* header */
            .container-fluid{
                padding-left:0px !important;
            }
            .navbar-img{
                padding-top:120px;
            }
            .navbar-brand img{
                width:70%;
                margin-top:-70%;
            }
            .navbar-img:before{
                display:none;
            }
            .navbar-collapse:before{
                display:none;
            }
                .mainnav{
                background-color:#643594!important;
                border:1px solid #643594 !important;
            }
            .navbar-default .navbar-nav>li>a{
                padding:20px 10px;
                font-size:inherit;
                color:white;
                font-family: 'Montserrat', sans-serif;
            }
            .fcol {
                padding-left:30px;
                text-align:left;
                font-family: 'Montserrat', sans-serif;
                font-size:16px;
                line-height: 30px;
            }
}
@media only screen and (max-width:320px)
{
    .navbar-brand img{
        width:70%;
        margin-top:-78%;
    }
} 
/* founder page buttons */
@media only screen and (min-width:425px) and (max-width:768px){
    .btn-founder h4{
        font-size:12px  !important ;
    }
}
@media only screen and (min-width:320px) and (max-width:768px){
    .btn-founder h4{
        font-size:9px  !important ;
    }
}
/* founder page buttons */

/* headimg */
@media only screen and (min-width:769px) and (max-width:1024px){
  
    .title h2{
       font-size:35px !important;
       text-align:center;
   }
   .title{
       color:#ffffff;
   }

   .breadcrumb{
       display:none !important;
   }
}   
@media only screen and (min-width:426px) and (max-width:768px){
   .headimg img{
   height:150px !important;
   }
   .title h2{
       font-size:25px !important;
       text-align:center;
       padding-right:100%;
   }
   .title{
       color:#ffffff;
   }
   .title h2{
       text-align:justify !important; 
   }
   .breadcrumb{
       display:none !important;
   }
}
@media only screen and (min-width:320px) and (max-width:425px){
   .headimg img{
   height:150px !important;
   }
   .title h2{
       font-size:15px !important;
       text-align:center;
       margin-right:150%;
   }
   .title{
       color:#ffffff;
       
   }
   .breadcrumb{
       display:none !important;
   }
}
/* headimg */

/* banners */
@media only screen and (max-width:1000px)
{
    .smban ul li{
        margin-left:0%;
        font-size:18px !important;
    }
    .smban1{
        margin-left:0%;
    }
}
@media only screen and (max-width:768px)
{
    .smban ul li{
        margin-left:5%;
        font-size:18px !important;
    }
    .smban1{
        margin-left:0%;
    }
}
@media only screen and (max-width:425px)
{
    .smban ul li{
        font-size:18px;
    }
    .smban-btn {
        color:#efd13d;
        text-align:center;
    }
    .smban1{
        margin-left:0%;
    }
    .smban ul{
        color:white;
        font-family: 'Montserrat', sans-serif;
    }
}
/* banners */