/*
Theme Name: Web Development
Theme URI: https://voilathemes.com/wordpress-theme/web-development
Author: Voilathemes
Author URI: https://voilathemes.com
Description:  Web Development is a premium quality free WordPress theme developed mainly for website development companies which offer website development services like web design, web development etc. Web Development is a mobile responsive WordPress theme which looks impressive in mobile, PCs and big screens as well. Web Development is easily customizable through Customizer options. Web Development theme uses SiteOrigin page builder (a very powerful yet free plugin available at WordPress.org), to easily create variety of page designs suiting your business using drag and drop page builer elements. Step by step documentation and dummy data is also available for free here: https://voilathemes.com/documentation/web-development/
Version: 1.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: web-development
Tags: two-columns, right-sidebar,left-sidebar,full-width-template, flexible-header, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, featured-image-header, theme-options, threaded-comments, translation-ready, blog
*/

.pror_wrap {
    width: 100%;
    font-size: 14px;
    margin-top: 20px;
}

.pror_detail {
    width: 100%;
    display: inline-block;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}

.pror_detail .fl {
    max-width: 400px;
    float: left;
}

.singglepic {
    z-index: 1;
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 380px;
    border: solid 1px #FAFAFA;
    text-align: center;
}

.pror_detail .fr {
    width: 45%;
    float: right;
    font-size: 14px;
    line-height: 25px;
}

.pror_detail .fr h1, .productsTags {
    font-weight: 600;
    display: block;
    font-size: 19px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
    color: #666;
}


.fr a{
	display: block;
    width: 228px;
    height: 32px;
    line-height: 32px;
    border-radius: 18px;
    border: 0;
    margin-top: 12px;
    margin-bottom: 14px;
    background: #f60;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.glist {
    width: 46%;
    float: left;
    margin: 0 1% 30px;
	border: 1px solid #D5D5D5;
	    text-align: center;
}



.glist h2 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.glist p {
    font-size: 14px;
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5; 
	 height:80px;
}

@media (max-width:768px) { 
	.glist {
		width:100%;
}
}

.glist a {
    line-height: 35px;
    text-align: center;
    color: #fff;
    display: block;
    background: #131536;
    font-size: 16px;
    margin-bottom: 0;
    height: auto;
    margin-top: 15px;
    text-transform: uppercase;
    border-radius: 3px;
}

.armessage {
    border: 1px solid #635757;
    padding: 1.0em 3.0em;
    background: #083a6f40;
    width: 80%;
    margin: 0 auto;
}
.comments-area .armessage {
    width: 100%;
}
.comments-title, #reply-title {
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
}
.armessage h5 {
    font-size: 15px;
    text-align: center;
}
.comment-form label {
    color: #111111;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}
span.required {
    color: #dc3545;
    font-size: 21px;
}
.armessage input, .armessage textarea {
    border: 1px solid #333;
}

.widmessage {
	border: 1px solid #635757;
	background: #083a6f40;
	padding: 1.0em 1.0em;
}

.widmessage h5 {
    font-size: 15px;
    text-align: center;
}