* {
     margin: 0px;
     padding: 0px;
 }
 
 body {
     font-family: "Arial", sans-serif;
     font-size: 18px;
     min-width: 320px;
     overflow-x: hidden;
 }
 
 h1 {
     margin: 10px 0px;
     font-size: 35px;
     line-height: 35px;
     font-weight: normal;
     color: #000;
 }
 
 p {
     text-align: justify;
     margin: 0px 0px 11px;
     width: 100%;
 }
 
 img {
     max-width: 100%;
 }
 
 main {
     width: 64%;
     float: left;
     padding: 10px 10px 0 10px;
     box-sizing: border-box;
 }
 
 .container {
     max-width: 1000px;
     margin: 0 auto;
 }
 
 .sidebar {
     float: right;
     width: 29%;
     padding-top: 10px;
 }
 
 footer {
     border-top: 2px solid #333;
     padding-top: 7px;
     position: relative;
     bottom: -1px;
     clear: both;
 }
 
 footer center {
     color: #222;
 }
 
 .head {
     margin-top: 2px;
 }
 
 header {
     background-position: center top;
 }
 
 nav {
     text-align: center;
     background-color: #fff;
     padding-bottom: 5px;
 }
 
 .menu {
     border-bottom: 1px solid #fff;
     text-align: left;
     background-image: -webkit-linear-gradient(#8a8b8c, #1a1a1b 70%);
     box-shadow: rgba(0, 0, 0, 0.431373) -1px 7px 30px -6px
 }
 
 .menu_fa {
     text-align: right;
     float: right;
 }
 
 nav li {
     background-image: -webkit-linear-gradient(#8a8b8c, #1a1a1b 70%);
     height: 55px;
     padding-left: 0;
     padding-right: 0px;
     padding-top: .95em;
     padding-bottom: 0;
     display: inline-block;
     padding-right: 25px;
     padding-left: 24px;
     margin-right: -6px;
     font-size: 16px;
     color: #fff;
     box-sizing: border-box;
     text-align: left;
 }
 
 nav li:hover,
 nav li:nth-child(4) {
     color: #e34374;
     cursor: pointer;
 }
 
 nav a {
     display: block;
     color: ;
     font-weight: bold;
     font-size: 18px;
     color: #4b4949;
     text-decoration: none;
     margin: 10px 15px 0 15px;
     font-family: Lato;
 }
 
 nav a:hover,
 .active {
     color: #000000;
 }
 
 .logo {
     float: left;
     padding-left: 7px;
 }
 
 .img_menu {
     float: center;
 }
 
 .invisible {
     float: right;
     padding-top: 10px;
     padding-right: 10px
 }
 
 .invisible:hover {
     cursor: pointer;
 }
 
 TABLE {
     width: 300px;
     border-collapse: collapse;
 }
 
 TD,
 TH {
     padding: 3px;
     border: 1px solid black;
 }
 
 TH {
     background: #b0e0e6;
 }
 
 #aside1 {
     height: 200px;
     padding: 6px;
     margin: 0 5px;
 }
 
 .btn {
     text-align: center;
     padding: 15px;
     box-shadow: rgb(140, 140, 140) 0px 0px 18px;
     color: #fff;
     text-transform: uppercase;
     text-decoration: none;
     font-weight: bold;
     font-size: 20px;
     background-image: -webkit-linear-gradient(#8a8b8c, #1a1a1b 70%);
 }
 
 .btn:hover {
     background-image: -webkit-linear-gradient(#8a8b8c, #1a1a1b 20%);
 }
 
 .btn:active {
     background-image: -webkit-linear-gradient(#8a8b8c, #1a1a1b 20%);
 }
 
 @media all and (max-width: 946px) {
     .img_menu {
         display: none;
     }
     .logo {
         max-width: 100%;
     }
     .sidebar {
         display: none;
     }
          main {
         width: 100%;
     }

     .hide {
     	display: none;
     }
 }
 
 @media all and (max-width: 710px) {

     .logo {
         display: none;
     }
 }
 
 @media all and (max-width: 890px) {
     footer {
         display: none
     }
 }
 
 @media all and (min-width: 490px) {
     .invisible {
         display: none;
     }
 }
 
 @media all and (max-width: 490px) {
     .logo {
         display: none;
     }
     .menu {
         display: none;
     }
     nav {
         background-image: -webkit-linear-gradient(#8a8b8c, #1a1a1b 70%);
         padding-bottom: 45px
     }
 }
 
 @media all and (max-width: 460px) {
     .comments-list .comment-box {
         width: 70%;
     }
     .reply-list .comment-box {
         width: 70%;
     }
     .reply-list {
         padding-left: 40px;
     }
     .reply-list li:before {
         left: -8px;
     }
 }
 
 @-webkit-keyframes rotating {
     from {
         -webkit-transform: rotate(0deg);
     }
     to {
         -webkit-transform: rotate(360deg);
     }
 }
 
 @-moz-keyframes rotating {
     from {
         -moz-transform: rotate(0deg);
     }
     to {
         -moz-transform: rotate(360deg);
     }
 }
 
 @-o-keyframes rotating {
     from {
         -o-transform: rotate(0deg);
     }
     to {
         -o-transform: rotate(360deg);
     }
 }
 
 @keyframes rotating {
     from {
         transform: rotate(0deg);
     }
     to {
         transform: rotate(360deg);
     }
 }
 
 .comments {
     max-width: 100%;
     min-height: 150px;
     position: relative;
     margin: 15px auto;
     padding: 20px;
     font-family: "Helvetica Neue", arial, sans-serif;
     font-size: 15px;
 }
 
 .comments .loader {
     height: 45px;
     width: 45px;
     border: 4.5px solid rgba(0, 0, 0, 0.2);
     border-radius: 50%;
     border-left-color: #000;
     position: absolute;
     top: 70px;
     left: 245.5px;
     -webkit-animation: rotating 0.9s infinite linear;
     -moz-animation: rotating 0.9s infinite linear;
     -o-animation: rotating 0.9s infinite linear;
     animation: rotating 0.9s infinite linear;
 }
 
 .comments .inner {}
 
 .comments .inner .comment {
     border: 1px dashed #ccc;
     padding: 15px;
     min-height: 48px;
     margin-bottom: 10px;
     color: #ccc;
 }
 
 .comments .inner .comment .avatar {
     width: 48px;
     height: 48px;
     float: left;
 }
 
 .comments .inner .comment .body {
     margin-left: 55px;
 }
 
 .comments .inner .comment .body p {
     color: black;
 }
 
 .comments .inner .comment:hover {
     color: rgba(0, 39, 59, 0.35);
     background-color: rgba(200, 200, 200, 0.1);
     border-style: solid;
 }
 
 .add-new {
     margin-bottom: 55px;
 }
 
 .add-new .input {
     display: block;
     box-sizing: border-box;
     width: 100%;
     border: 3px solid #ccc;
     color: #888;
     padding: 8px 10px;
     outline: 0;
     font-family: "Helvetica Neue", arial, sans-serif;
     font-size: 15px;
 }
 
 .add-new .input.your-name {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
 
 .add-new .input.your-name.dived {
     margin-top: 2px;
     padding: 9px 10px 11px 10px;
 }
 
 .add-new .input.your-msg {
     margin-top: -5px;
     margin-bottom: 10px;
     box-sizing: border-box;
     width: 100%;
     max-height: 150px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
 }
 
 .add-new .send-msg {
     border: 3px solid #ccc;
     color: #888;
     text-transform: uppercase;
     font-weight: bold;
     border-radius: 5px;
     padding: 8px 10px;
     background-color: transparent;
     outline: 0;
     float: right;
     margin-right: -1px;
     cursor: pointer;
 }
 
 .add-new .send-msg:hover {
     color: white;
     background-color: #ccc;
 }
 
 a {
     color: #3065ca;
     ;
 }
 
 a:hover {
     text-decoration: none;
 }
 
 @media screen and (max-width: 500px) {

     
     .add-new {
         display: none;
     }
 }