@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-family:Arial, Helvetica, sans-serif; width:100%; height:100%;}
ol, ul {list-style: none;}
*{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
img{ border:none;}
div{ display:flow-root;}
.clear{ clear:both;}
.container{position:relative; margin:0 auto; width:1200px;}
#logo{ margin:10px auto; text-align:center;}
#logo img{ width:25%;}
#not-found{ margin:10px auto 0 auto; display:table;}
#pagenot{text-align:center; font-size:43px; color:#47556e;}
#pagenot a{ display:block; margin:14px auto 0 auto; background:#078707; border-radius:80px; width:180px; font-size:14px; color:#FFF; padding:10px 0; text-transform:uppercase;}
/*------Header Section-------*/

/*footer section end*/

@media (max-width:1200px){
.container{ width:992px;}
#logo img{ width:30%;}
}

@media (max-width:992px){
.container{ width:768px;}
#logo img{ width:35%;}
}

@media (max-width:768px){
.container{ width:448px;}
#logo img{ width:45%;}
#not-found img{ width:100%;}
#pagenot{ font-size:33px;}
}

@media (max-width:448px){
.container{ width:300px;}
#logo img{ width:80%;}
#pagenot{ font-size:27px;}
#pagenot a{ font-size:14px;}
}