.blog{
	padding:5em 0;
}
/*-- blog --*/
.blog-agileinfo a.wthree-blogimg {
    display: block;
    border: 3px solid #fff; 
    background-color: #000;
	-webkit-transition: .5s all;
	-moz-transition: .5s all; 
	transition: .5s all;
}
.blog-agileinfo:hover a.wthree-blogimg {
    border-color:#8b10c0 ;
}
.blog-agileinfo a img.img-responsive {
    opacity: .5;
	-webkit-transition: .5s all;
	-moz-transition: .5s all; 
	transition: .5s all;
	width: 100%;
}
.blog-agileinfo:hover a img.img-responsive {
    opacity: 1;
}
.blog-agileinfo-mdl{
    margin: 4em 0;
	position: relative;
} 
.blog-w3grid-text {
    padding: 3em;
    background: #fff; 
    margin-left: -6em;
    margin-top: 5em;
    -webkit-box-shadow: 0px 0px 7px 0px #8e8e8e;
    -moz-box-shadow: 0px 0px 7px 0px #8e8e8e;
    box-shadow: 0px 0px 7px 0px #8e8e8e;
} 
.blog-agileinfo-mdl .blog-w3grid-text {
    margin: 5em 0 0;
    position: absolute;
    width: 41%;
    left: 10%;
}
.blog-agileinfo h4 {
    color: #1d1d1d;
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: 300;
}
.blog-agileinfo h4 a{
    color: #8b10c0 ; 
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
}
.blog-agileinfo h4 a:hover{
    color: #470c78; 
}
.blog-agileinfo h6 {
    font-size: 1em;
    color: #d4d4d4;
    margin: 1.2em 0; 
}
.blog-agileinfo h6 a {
    display: inline-block;
    color: black;
}
.blog-agileinfo h6 a:hover{ 
    color: #470c78 ;
} 
.blog-w3grid-img.blog-img-rght {
    float: right;
} 
/*-- //blog --*/
/*-- modal --*/
.modal-open .modal {
    background: rgba(0, 0, 0, 0.48);
}
.modal-body {
    padding:1em 2em 2em;
}
.modal-dialog {
    margin:4em auto 3em;
}
.modal-body iframe {
    border: none !important;
    width: 100%;
    min-height: 300px;
}
.about-modal .modal-header {
    border: none;
    min-height: 2.5em;
    padding: 1em 2em 0;
}
.about-modal button.close {
    color: #8b10c0  ;
    opacity: .9;
    font-size: 2.5em;
	outline:none;
}
.about-modal .modal-body img{
    width:100%;
}
.about-modal .modal-body h5 {
    color: #8b10c0 ;
    font-size: 1.5em;
    font-weight: 300;
    text-transform: uppercase;
    margin: 1.5em 0 0;
    letter-spacing: 2px;
}
.about-modal .modal-body p {
    margin-top: 1em; 
    font-weight: 400;
	color:#999;
	line-height:1.8em;
	font-size: 1em;
}
/*-- //modal --*/
/*-- responsive-design --*/

@media(max-width:1280px){
 .blog {
    padding: 4em 0;
}
.blog-w3grid-text { 
    margin-top: 6em; 
}

}
@media(max-width:1080px){

.blog-w3grid-text {
    padding: 2.5em; 
}
.blog-agileinfo h4 { 
    font-size: 1.4em; 
}
.blog-w3grid-text {
    margin-top: 4em;
}
.blog-agileinfo-mdl .blog-w3grid-text {
    margin: 4em 0 0; 
}
 
}

@media(max-width:991px){

.blog-w3grid-text {
    margin: 2em 0 0;
}
.blog-agileinfo-mdl {
    margin: 3em 0;
    position: relative;
}
.blog-agileinfo-mdl .blog-w3grid-text {
    margin: 2em 0 0;
    position: inherit;
    width: 100%; 
	    left: 0;
}
.blog-w3grid-img.blog-img-rght {
    float: none;
}
.about-modal .modal-body h5 { 
    font-size: 1.3em; 
    margin: 0.8em 0 0; 
} 
}

@media(max-width:767px){

.modal-dialog { 
    width: 80%;
}
}
@media(max-width:736px){
.blog{
    padding: 3em 0;
}
}


@media(max-width:480px){
.blog {
    padding: 2em 0;
}

.blog-w3grid-text {
    padding: 1.5em;
}
.blog-agileinfo-mdl {
    margin: 2em 0; 
}


}
@media(max-width:414px){

.blog-agileinfo h4 {
    font-size: 1.2em;
}
.blog-agileinfo h6 {
    font-size: 0.9em; 
}

}
@media(max-width:384px){

.modal-dialog {
    width: 95%;
    margin: 1em auto;
}
.about-modal .modal-body h5 {
    font-size: 1.1em;
    margin: 0.8em 0 0;
    letter-spacing: 1px;
}
.modal-body {
    padding: 0em 1em 2em;
}

} 

/*-- //responsive-design --*/