.blog, .blog-detail{padding: 1.2em 20px;}
 .blog h1 {color: #56C8EA;font-size: 20px;font-weight: 700; margin-bottom: 1em;}

.news-stories {
    display:flex;
    gap:60px;
    width:100%;
    max-width:1200px;

}
input#ContentPlaceHolder1_btnsubsave {
    width: 100% !important;
}

.blog-detail h1 {
    color: #424858;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}
.blog-item {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.blog-item:last-child{
    border: 0;
}
.img-col {
    /*float: left;*/
    width: 100%;
    margin-bottom: 30px;
}
    .img-col img {
        width:100%;
    }

    .img-col-list {
        float: left;
        width: 16%;
    }
.img-col ,.img-col-list a{
    display: block;
}
.img-col  a img {
    margin: 8px 18px 10px 0px;
    padding: 5px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    max-width: 300px;
}

.img-col-list a img {
    margin: 8px 12px 10px 0px;
    padding: 5px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    max-width:173px;
}

.content-col-blog{width:72%;float:left}
.content-col-recent{ width:28%; float:right; padding-top: 70px; margin: 0 auto;}
.content-col-recent h2{color:#fff;}
.content-col-recent p {color:#fff !important; font-size:16px;}
.gradient-purple {
    background: #533556;
    background: -moz-linear-gradient(top,rgba(83,53,86,1) 0%,rgba(116,61,133,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(83,53,86,1)),color-stop(100%,rgba(116,61,133,1)));
    background: -webkit-linear-gradient(top,rgba(83,53,86,1) 0%,rgba(116,61,133,1) 100%);
    background: -o-linear-gradient(top,rgba(83,53,86,1) 0%,rgba(116,61,133,1) 100%);
    background: -ms-linear-gradient(top,rgba(83,53,86,1) 0%,rgba(116,61,133,1) 100%);
    background: linear-gradient(to bottom,rgba(83,53,86,1) 0%,rgba(116,61,133,1) 100%);
    padding:5px 7px 15px 7px;
}
.gradient-purple input[type="text"] {margin: 0px auto; height: 44px; max-width:310px; width:100%;}

.gradient-green {
    background: #4490c7;
    background: -moz-linear-gradient(top,rgba(44,95,57,1) 0%,rgba(66,144,86,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(44,95,57,1)),color-stop(100%,rgba(66,144,86,1)));
    background: -webkit-linear-gradient(top,rgb(72, 144, 197) 0%,rgb(80, 143, 189) 100%);
    background: -o-linear-gradient(top,rgba(44,95,57,1) 0%,rgba(66,144,86,1) 100%);
    background: -ms-linear-gradient(top,rgba(44,95,57,1) 0%,rgba(66,144,86,1) 100%);
    background: linear-gradient(to bottom,rgb(71, 144, 199) 0%,rgb(45, 103, 146) 100%);
    color: #fff;
}
.recent-articles  
{
    list-style: none;
    padding: 0;
    font-size: 18px;
    border: solid 1px #eff2f4;
    margin-bottom: 15px;
    padding-left: 5px;
   text-align:left;
}
ul.recent-articles li {
    margin-bottom: 15px;
    line-height:26px;
}
.gradient-purple span {
    display: block;
    margin: 0 auto;
    width: 83%;
}

.recent-articles li:nth-child(even) {background-color: #f3f3f3;}
.recent-articles li a{color:#267e93; text-decoration:underline;}
.recent-articles li a:hover{color: #14476d;}
.content-col-list {float:right;width: 84%;}
.content-col-list p {
    font-size: 16px;
    line-height: 26px;
    color: #424858;
    font-family: 'Gotham Narrow SSm 4r', Arial;
}
.content-col p,.blog-detail .content-col p {
    font-size: 18px !important;
    line-height: 26px;
    color: #424858;
    font-family: 'Gotham Narrow SSm 4r', Arial;
    margin-bottom:15px;
}
.clearfix {
    display: block;
    content: "";
    clear: both;
}
.blog-item h2 {
    font-size: 24px;
    line-height: initial;
    color: #424858;
    margin: 1.5rem 0 1rem;
}
.blog-item h2 a{
    color: #333;
    font-size: 20px;
}
.blog-item h2 a:hover{
    color: #2b94e1;
    text-decoration: underline;
}
.blog-item .author {
    line-height: initial;
    font-size: 12px;
    margin-bottom: 10px;
}
.blog-item a{color:#53A8E7; text-decoration: underline;}
.blog-link {
    background-color: #EBEAEA;
    border-radius: 66px;
    font-size: 11px;
    padding: 1px 7px 4px 7px;
    text-decoration: none;
    color: #999;
    font-weight: normal;
}
.blog-link:hover{
    color: #fff;
    background: #656a6e;

}
.pagination {
  display: inline-block;
  width: 100%;
  text-align: center;
    margin-bottom: 30px;
}

.pagination a {
  color: black;
  display: inline-block;
  padding: 6px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #63c8ee;
  color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}


.bold{font-weight:bold}
.padding-top5{padding-top:5px;}
.padding-top10{padding-top:10px;}
.padding-top12{padding-top:12px;}
.padding-top15{padding-top:15px;}
.padding-top20{padding-top:20px;}
.padding-top25{padding-top:25px;}
.padding-top30{padding-top:30px;}

.padding-bottom5{padding-bottom:5px;}
.padding-bottom10{padding-bottom:10px;}
.padding-bottom12{padding-bottom:12px;}
.padding-bottom15{padding-bottom:15px;}
.padding-bottom20{padding-bottom:20px;}
.padding-bottom25{padding-bottom:25px;}
.padding-bottom30{padding-bottom:30px;}
 
 
 .margin-top30{margin-top:30px;}
 


.author-box-wrap {
    border: 1px solid #ededed;
    padding: 21px;
    margin-bottom: 48px
}



.author-box-wrap .avatar {
    float: left;
    max-width: 96px
}



.author-box-wrap .desc {
    margin-left: 117px;
    font-size: 12px
}



.author-box-wrap .td-social-icon-wrap .td-icon-font {
    color: #222
}

.author-box-wrap .td-author-social {
    margin-bottom: -5px
}

    .author-box-wrap .td-author-social a {
        color: #444;
        margin-top: 11px
    }

        .author-box-wrap .td-author-social a:hover {
            color: #4db2ec
        }

    .author-box-wrap .td-author-social .td-icon-font {
        font-size: 15px;
        width: auto;
        min-width: 18px;
        height: auto;
        margin-right: 15px
    }



.author-box-wrap .desc {
    margin-left: 117px;
    font-size: 12px
}


.historyLink{ text-decoration: underline;color: #424858!important;cursor: pointer !important;}
.historyLink:hover{ color: #53A8E7!important;cursor: pointer; text-decoration: underline;}

section.blog-detail {
    padding: 1.2em 20px;
}
/* For Desktops and Laptops*/
@media only screen and (max-width : 1280px) {
    .img-col-list {
        float: left;
        width: 35%;
    }

        .img-col, .img-col-list a {
            display: block;
        }

            .img-col a img {
                max-width: 100%;
            }

            .img-col-list a img {
                max-width: 100%;
            }

    .content-col-list {
        width: 65%;
        padding-left: 15px;
    }

    input#ContentPlaceHolder1_btnsubsave {
        padding: 0.85rem 10px !important;
        width: 100% !important;
        white-space: pre-wrap !important;
        line-height: 14px !important;
    }
}

/* For Tablets*/
@media screen and (max-width : 1024px) {
    .img-col-list {
        float: left;
        width: 100%;
    }

        .img-col, .img-col-list a {
            display: block;
        }

            .img-col a img {
                max-width: 100%;
            }

            .img-col-list a img {
                max-width: 100%;
            }

    .content-col-list {
        width: 100%;
        padding-left: 15px;
    }
}

/* For Small Tablets*/
/*@media only screen and (max-width : 768px) {
    .img-col-list {
        float: left;
        width: 100%;
    }

        .img-col, .img-col-list a {
            display: block;
        }

            .img-col a img {
                max-width: 100%;
            }

            .img-col-list a img {
                max-width: 100%;
            }

    .content-col-list {
        width: 100%;
        padding-left: 15px;
    }
}*/
/*For iPhones */
/*@media only screen and (max-width : 640px) {
    .img-col-list {
        float: left;
        width: 100%;
    }

        .img-col, .img-col-list a {
            display: block;
        }

            .img-col a img {
                max-width: 100%;
            }

            .img-col-list a img {
                max-width: 100%;
            }

    .content-col-list {
        width: 100%;
        padding-left: 15px;
    }

    .content-col-blog {
        width: 100%;
        float: none
    }

    .content-col-recent {
        width: 100%;
        float: none;
        padding-top: 5px;
        margin: 0 auto;
    }
}*/

/* Mobiles */
/*@media only screen and (max-width : 480px) {
    .img-col-list {
        float: left;
        width: 100%;
    }

        .img-col, .img-col-list a {
            display: block;
        }

            .img-col a img {
                max-width: 100%;
            }

            .img-col-list a img {
                max-width: 100%;
            }

    .content-col-list {
        width: 100%;
        padding-left: 15px;
    }
*/}

/* Small Mobiles */
/*@media only screen and (max-width : 100%) {
    .img-col-list {
        float: left;
        width: 100%;
    }

        .img-col, .img-col-list a {
            display: block;
        }

            .img-col a img {
                max-width: 100%;
            }

            .img-col-list a img {
                max-width: 100%;
            }

    .content-col-list {
        width: 100%;
        padding-left: 15px;
    }
}*/





@media screen and (max-width:992px) {
    .news-stories {
        gap: 30px;
    }
    .content-col-blog {width:72%;}
 .content-col-recent {width:28%;}
    .news-stories {width:100%; margin:0 auto; padding: 0 15px;}
    .img-col img {
        max-width: 300px !important;
    }
    .input--subscribe {max-width:310px; width:100%;}
    input#ContentPlaceHolder1_btnsubsave {
        padding: 0.85rem 10px !important;
        width: 100% !important;
        white-space: pre-wrap !important;
        line-height: 14px !important;
    }
}

@media screen and (min-width:769px) and (max-width:991px) {
    input#ContentPlaceHolder1_btnsubsave {
        padding: 0.85rem 10px !important;
        width: 100% !important;
        white-space: pre-wrap !important;
        line-height: 14px !important;
    }

    .img-col {
        float: none;
    }

        .img-col img {
            width: 100% !important;
            max-width: 100% !important;
        }

   
}

    @media screen and (max-width:768px) {
        input#ContentPlaceHolder1_btnsubsave {
            padding: 0.85rem 10px !important;
            width: 100% !important;
            white-space: pre-wrap !important;
            line-height: 14px !important;
        }

        .img-col {
            float: none;
        }

            .img-col img {
                width: 100% !important;
                max-width: 100% !important;
            }

        .author-box-wrap .avatar {
            margin-bottom: 5px;
            float: none
        }

        .author-box-wrap .desc {
            margin-left: 0
        }

        .author-box-wrap .desc {
            margin-left: 0
        }

        .author-box-wrap {
            text-align: center
        }

        .blog-detail h1 {
            line-height: normal
        }
    }


    @media screen and (max-width:580px) {
        section.blog-detail {
            padding: 1.2em 15px;
        }
        .news-stories {
            flex-direction: column;
            padding: 0 !important;
        }
        .content-col-blog {
            width: 100%;
        }

        .content-col-recent {
            width: 100%;
        }

        .news-stories {
            width: 100%;
            margin: 0 auto 15px;
            padding: 0 15px 0 15px;
        }
        .img-col {margin-right:0; margin-bottom:15px;}
        .img-col img {
            max-width: 100% !important;
            width: 100%;
        }

        .content-col-recent {
            padding-top: 0px;
        }

        .blog-item {
            margin-bottom: 0px;
        }
    }