s/*-- Author: W3layouts Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ --*/ html, body{ font-size: 100%; font-family: 'Open Sans', sans-serif; background:#ffffff; margin: 0; } p,ul li,ol li{ margin:0; letter-spacing:1px; } h1,h2,h3,h4,h5,h6{ font-family: 'Raleway', sans-serif; margin:0; } ul,label{ margin:0; padding:0; } body a:hover{ text-decoration:none; } input[type="submit"],input[type="reset"],a,.w3ls_team_grid1_pos ul li{ -webkit-transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -ms-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; transition:0.5s ease-in; } /*-- single --*/ .single-left1 h3{ margin: 2em 0 1em; letter-spacing:1px; font-size: 1.4em; color: #212121; line-height: 1.5em; } .single-left1 ul li{ display:inline-block; margin-right:3em; } .single-left1 ul li span{ color: #00a98f; padding-right: 1em; } .single-left1 ul li a{ color: #555; font-style: italic; text-decoration: none; font-weight: 600; } .single-left1 ul li a:hover{ color:#13b3bb; } .single-left1 ul { text-align: center; } .single-left1 p{ margin: 2em 0; color: #555; line-height: 2em; } .single-left1 p i{ color: #00a98f; margin: 1em 0; display: block; font-weight: 600; } .admin{ padding:2em; background:#212121; margin: 3em 0; } .admin p{ color: #f5f5f5; margin: 0; line-height: 2em; position: relative; padding-left: 3.5em; font-size:14px; } .admin p:before{ position:absolute; top:0%; left:0%; content:"\f10d"; font-family:FontAwesome; font-size:2em; } .admin a{ display: block; text-align: right; color: #efb312; font-size: 1em; text-decoration: none; font-weight: 600; letter-spacing: 1px; } .admin a:hover{ color:#fff; } .comments-grids{ margin:3em 0 0; } .comments-grid-left{ float:left; width:15%; } .comments-grid-left img{ padding: .3em; border: 2px solid #eff3f3; border-radius: 50%; } .comments-grid-right{ float:right; width:75%; } .comments-grid-right ul{ padding:1em 0; } .comments-grid-right ul li{ display: inline-block; color: #999; text-transform: uppercase; font-weight: 600; font-size: 0.9em; } .comments-grid-right ul li i{ margin:0 1em; font-style:normal; } .comments-grid-right ul li a{ color: #00a98f; text-decoration:none; } .comments-grid-right ul li a:hover{ color:#555; } .comments-grid-right h4 a{ font-size: 1em; color: #000; text-decoration: none; text-transform: uppercase; } .comments-grid-right h4 a:hover{ color:#13b3bb; } .comments-grid-right p{ font-size:14px; color:#555; line-height:1.8em; margin:0; } .comments-grid:nth-child(2){ margin:2em 0; } .comments-grid:nth-child(3){ margin:0 0 2em; } .leave-coment-form{ margin:3em 0 0; } .leave-coment-form input[type="text"],.leave-coment-form input[type="email"],.leave-coment-form textarea{ outline: none; border:2px solid #ececec; background: none; padding: 10px; font-size: 13px; color: #212121; width: 48.82%; } .leave-coment-form input[type="email"]{ margin-left:1em; } .leave-coment-form textarea{ min-height:200px; resize:none; width:100% !important; margin:1em 0 0.8em; } .w3_single_submit{ text-align:right; } .leave-coment-form input[type="submit"]{ outline: none; border: none; background: #00a98f; padding: 14px 0; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #fff; letter-spacing: 2px; width: 35%; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } .leave-coment-form input[type="submit"]:hover{ background:#212121; } .leave-coment-form form { margin: 3em 0 0; } /*-- //single --*/ /*-- start-responsive-design --*/ @media (max-width:1080px){ .single-left1 h3 { margin: 1em 0 1em; letter-spacing: 1px; font-size: 1.3em; } .admin { margin: 2em 0; } .leave-coment-form input[type="text"], .leave-coment-form input[type="email"], .leave-coment-form textarea { width: 48.56%; } } @media (max-width:991px){ .single-left2-left { float: left; width: 50%; } .leave-coment-form input[type="text"], .leave-coment-form input[type="email"], .leave-coment-form textarea { width: 48.75%; } } @media (max-width:640px){ .single-left1 h3 { font-size: 1.2em; } .leave-coment-form input[type="text"], .leave-coment-form input[type="email"], .leave-coment-form textarea { width: 48.4%; } } @media (max-width:480px){ .single-left { padding: 0; } .single-left1 h3 { font-size: 1.1em; letter-spacing: 0; } .single-left2-left { float: none; width: 100%; } .comments-grid-right h4 a { font-size: .8em; } .comments-grid-left { width: 20%; } .leave-coment-form input[type="text"], .leave-coment-form input[type="email"], .leave-coment-form textarea { width: 100%; } .leave-coment-form input[type="email"] { margin: 1em 0 0; } .leave-coment-form input[type="submit"] { width: 100%; } .leave-coment-form form,.leave-coment-form { margin: 2em 0 0; } .agileits_map iframe { min-height: 250px; } } @media (max-width: 414px){ .single-left1 h3 { font-size: 1em; } .single-left1 ul li { margin-right: 1em; } .admin { padding: 1em; } } @media (max-width: 384px){ .single-left1 ul li span { padding-right: .5em; } } @media (max-width: 375px){ .admin a { margin: 1em 0 0; } } @media (max-width: 320px){ p, ul li, ol li,.comments-grid-right p { font-size: 13px; } .single-left1 ul li { margin-right: 0.4em; } .single-left1 p { margin: 1em 0; } .single-left2-left { padding: 0; } .admin { margin: 1em 0 2em; } .admin p { padding-left: 3em; } .comments-grids { margin: 2em 0 0; } .comments-grid-left { width: 30%; } .comments-grid-right { width: 65%; } .comments-grid-right ul li i { margin: 0 0.4em; } }