#banner {background:url(../images/certificates.png)  0px no-repeat; background-position:100% 100%; height:520px;}



#banner .box{ margin:auto;padding: 10px; background: rgba(0, 0, 0, 0.39);

width: 37%;  margin-top: 26%; }





#banner  h2{  

    color: #fff;

    font-weight: 600;

    font-family: helvetica,sans-serif;

    text-align: center;margin-top: 0px;margin-bottom: 0px;}



#banner  p{color:#fff; text-align:left;width: 100%; font-size: 18px;}

#banner .container-fluid{width: 88%;}







#top-content {

    position: absolute;

    z-index: 9;

    width: 100%;

    background: rgba(255, 255, 255, 0.8);

    height: 60px;

    margin-top: 3%;

}







#certificate h2{color:#414141;}

#certificate {padding-top:100px; padding-bottom:20px;}

#certificate .container-fluid{width:80%;}

#certificate p{border-bottom:1px solid #d7d7d7; padding-bottom:25px; font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;}

#certificate span{background:green; padding:5px; float:right;color:#fff;   font-size:14px; margin-top: 15px;font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;}

#certificate a{cursor:pointer;}



#certi-content .container-fluid{width:80%;}

#certi-content a{cursor:pointer;}

#certi-content {padding-bottom:100px;}

#certi-content h4{color:#414141;}











@media only screen and (min-width : 1920px) and (max-width : 2560px){}

@media only screen and (min-width : 1600px) and (max-width : 1919px){

	#banner .box{width: 41%;margin-top: 19%;}



}

@media only screen and (min-width : 1440px) and (max-width : 1599px){

 

#top-content{margin-top: 4%}

#banner .box{width: 50%; margin-top: 20%;}



}

@media only screen and (min-width : 1366px) and (max-width : 1439px){

#certificate h2{font-size:25px;}

#top-content{margin-top: 5%}

#banner .box{width: 52%; margin-top: 37%;}



}



@media only screen and (min-width : 1200px) and (max-width : 1365px){



#certificate h2{font-size:20px;}

#banner .box{width: 60%;margin-top: 43%;}

#top-content{margin-top: 5%;}





}



@media only screen and (min-width : 1024px) and (max-width : 1199px){

#certificate h2{font-size:20px;}

#banner .box{width: 71%;margin-top: 50%;}



#top-content{margin-top: 6%}



}

@media only screen and (min-width : 768px) and (max-width :1023px){



#certificate h2{font-size:20px;}

#certificate {padding-top: 70px;    padding-bottom: 5px;}

#certi-content {padding-bottom: 70px;}

#banner .box{width: 100%;margin-top: 65%;}

#top-content {margin-top: 8%; height: 50px;}



}

@media only screen and (min-width : 150px) and (max-width : 767px){

#top-content {height: 53px; margin-top: 7%;}





#banner .box{width:100%;margin-top: 75%;}

#banner h2{font-size:23px;}

#banner p{    display: none;width:100%;line-height:24px;font-size: 16px;}

#banner{height:350px;}

#certificate {padding-top: 60px;}

#certificate h2{font-size:20px;}

#certi-content {padding-bottom: 60px;}

#certificate .container-fluid {

width: 90%;}

#certi-content .container-fluid {

width: 90%;}

#certi-content p{text-align:justify;}

#certificate p {text-align:justify;}

#banner .container-fluid {width: 90%;}

}





@media only screen and (max-width : 375px){



    #banner h2{font-size:20px;}

    #banner p{width:100%;line-height:24px;}

    #banner .box{margin-top:85%;}

    

    

}





@media only screen and (max-width : 320px){

        #banner h2 {font-size: 20px;}

    #banner p{line-height:24px;font-size:15px;}

    #banner .box {margin-top: 105%;}


    

    

}