@charset "utf-8";
/* CSS Document */

.another-left{ width:65%; float:left; height:auto;}
.another-im{ width:100%; float:left; height:auto; padding-top:10px; padding-bottom:10px;}
h4.another{        
    font-size: 24px;
    line-height: 35px;
    color: #000;
    font-weight: bold;
    font-family: 'calluna',arial;
    margin-bottom: 10px;
    /*text-align: center;*/

}
.category, .category span, .category span a {
    color: #626262;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 3px;
}
.category {
    font-family: Mangal;
    padding-bottom: 0;
}

.category h3, .utagline {
    text-transform: uppercase;
}

.category a {
    font-family: Mangal;
    color: #626262;
}
.category h3 {
    font-weight: 400;
    font-size: 15px;
    font-family: Mangal;
    display: inline-block;
}
.user {
    width: 100%;
    float: left;
}

.user .twithastag, .user .userimg, .user a {
    float: left;
}

.user img {  margin: 0 15px 0 0; height: 60px; width: 60px; border-radius:50%;}

.p_name {
    float: left;
    margin-top: 18px;
}
.p_name a
{
    text-decoration:none;    
    color: red;
    font-size: 16px;
    font-weight: 600;
    font-family: initial;
}
.user span {
    float: left;
}

.user, .user span {
    padding: 0!important;
}
.user span {
    font-size: 12px;
    color: #c3c6c7;
    text-transform: lowercase;
    font-weight: 700;
    margin-top: 9px;
    margin-left: 10px;
    font-family: Mangal;
}
 h1.an2{ width: 100%; float: left; font-size: 16px;     font-weight: 600; color: hsla(211, 100%, 41%, 0.97);}
span.col{ color:#633939; margin-right:12px;}

.another2{ width:100%; float:left; height:auto; margin-top:20px;}
.another2-im{ width:100%; float:left;}
.another2 h6{width:100%; float:left; height:auto; margin:5px 0px; font-size:15px; font-weight:600; padding:8px 0px;  }

.author{ width:100%; float:left; height:auto; border-top:solid 1px #CCC; padding-top:10px; margin-top:30px;}
.left-au h2{ width:100%; float:left; height:auto; font-size:16px; color:#666; }
.f1{ float:left; height:auto; margin:6px 6px; background: #cbcbcb; border-radius: 4px;}
.f1 a{ font-weight: 500;font-size: 14px; color: #000;text-align: center; padding: 10px 10px 10px; display: inline-block; } 
.left-au h3{ width:100%; float:left; height:auto; font-size:16px; color:#666; }
.left-au{ width:50%; float:left; height:auto;}
.right-au{ width:45%; float:right; height:auto; margin-top:30px;}

.right-au iframe{ float:left; width:96%; border-radius:2%; padding:12px; background-color:whitesmoke;}

.another-right{ width:32%; float:left;    margin-top: 45px; height:auto; margin-left:3%;}
.another-right h1{ width:100%; float: left; height:auto; font-size:16px;    border-bottom: solid 3px #565050;
    padding-bottom: 6px;}
.another-right-para{    width: 100%;  float: left;  height: auto; margin-top: 18px; border-bottom: solid 1px #eae8e8; padding-bottom: 18px;}
.another-right-im{ width:25%; float:left; height:90px;}
.another-right-im img{ width:100%; float:left; border-radius:4px; overflow:hidden;}
.another-right-con{ width:71%; float:right; }
.another-right-con a{ text-decoration:none; color: #212020;  font-size: 14px; margin: 5px 0px;  font-weight: 700;}
.date{    width: 100%; left: left; font-size: 13px;  padding: 5px 0px; color: #636363;}

@media screen and (min-width:320px) and (max-width:700px) {
	
.another-left{ width:100%; float:left; height:auto;}
.another-im img { width:100%; float:left;}
.another2{ width:100%; float:left; margin-top:30px;}	
.another2-im img{ width:100%; float:left;}	
.left-au { width: 100%;}	
.right-au{ width:100%; float:left; margin-top:20px;}	
.another-right{ width:100%; float:left; margin-top:30px;}.right-au iframe {
    float: left;
    width: 95%;}

	}

@media screen and (min-width:701px) and (max-width:1000px) {
	
.another-left{ width:65%; float:left; height:auto;}
.another-im img { width:100%; float:left;}
.another2{ width:100%; float:left; margin-top:30px;}	
.another2-im img{ width:100%; float:left;}	
.left-au { width: 100%;}	
.right-au{ width:100%; float:left; margin-top:20px;}	
.another-right{ width:30%; float:right; margin-top:30px;}.right-au iframe {
    float: left;
    width: 95%;}

}

@media screen and (min-width:701px) and (max-width:1000px) {

    .another-left {
        width: 65%;
        float: left;
        height: auto;
    }

    .another-im img {
        width: 100%;
        float: left;
    }

    .another2 {
        width: 100%;
        float: left;
        margin-top: 30px;
    }

    .another2-im img {
        width: 100%;
        float: left;
    }

    .left-au {
        width: 100%;
    }

    .right-au {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    .another-right {
        width: 30%;
        float: right;
        margin-top: 30px;
    }

    .right-au iframe {
        float: left;
        width: 95%;
    }
}

.face {
    background-color: #365899;
    padding: 8px;
    color: #fff;
    padding-left: 25px;
    border-radius: 0px;
    padding-right: 25px;
}

.twitt {
    background-color: #007bff;
    color: #fff;
    padding: 8px;
    padding-left: 20px;
    padding-right: 20px;
}

.whatsApp {
    background-color: #1d9e3a;
    padding: 8px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}

.google {
    background-color: #ab1b21;
    padding: 8px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}





































