/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HERE GOES TO Large VIEWPORT OVER 1500PX!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media screen and (min-width:1500px)and (max-width:1599px){


}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HERE GOES TO VIEWPORT OVER 1366PX!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media screen and (min-width:1300px)and (max-width:1499px){

    .inner-heading-content {
        margin-top: 90px;
    }
    .blog-top-content {
        min-height: 509px;
    }

    .contact-top-content{
        min-height: 510px;
    }

}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HERE GOES TO VIEWPORT 1201PX ON large!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media screen and (min-width:1201px)and (max-width:1299px){
    .content{
        width: 1100px;
    }
    .inner-right-side {
        width: 830px;
    }
    .inner-heading-content {
        margin-top: 80px;
    }
    .blog-top-content {
        min-height: 450px;
    }
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HERE GOES TO VIEWPORT 1024PX ON RESPONSIVE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media screen and (min-width:1024px)and (max-width:1200px){
    .header-right {
        width: auto;
    }
    nav ul li{
        padding-right: 15px;
    }
    .search-pannel-container {
        width: 180px;
    }
    .content{
        width: 950px;
    }

    .inner-heading-content {
        margin-top: 42px;
    }
    .inner-right-side-content {
        width: 92.5%;
        padding: 57px 0px 20px 50px;
    }
    .inner-right-side-content p{
        padding-right: 20px;
    }
    .blog-top-content {
        height: 391px;
    }
    .content-blog{
        width: 100%;
    }
    .photo-post img {
        width: 100%;
        display: block;
    }
    .blogpost-top-content{
        min-height: 157px;
    }
    .post-heading-details {
        text-align: center;
        padding: 40px 0px 40px;
    }





}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HERE GOES TO VIEWPORT 951PX ON RESPONSIVE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media screen and (min-width:951px)and (max-width:1023px){
    .header-right {
        width: 78%;
    }
    .search-pannel-container {
        width: 180px;
    }


    .content{
        width: 870px;
    }

    .inner-heading-content {
        margin-top: 42px;
    }
    .inner-right-side-content {
        width: 100%;
        padding: 57px 0px 30px 34px;
    }
    .inner-right-side-content p{
        padding-right: 20px;
    }
    .blog-top-content{
        min-height: 400px;
        background-size: cover;
    }

    .content-blog{
        width: 100%;
    }
    .photo-post img {
        width: 100%;
        display: block;
    }
    .content-blog-details {
        width: 100%;
    }
    .blogpost-top-content{
        min-height: 157px;
    }
    .post-heading-details {
        text-align: center;
        padding: 40px 0px 40px;
    }





}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HERE GOES TO VIEWPORT 800PX ON RESPONSIVE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media screen and (min-width:800px)and (max-width:950px){
    .header-left {
        width: 100%;
        text-align: center;
    }
    .header-right {
        width: 92%;
        padding: 15px 0px;
        text-align: center;
    }
    .search-pannel-container {

        display: inline-block;
        float: none;
        margin: 20px auto 0;
        overflow: hidden;
        width: 200px;

    }
    .search-pannel {
        padding-left: 12px;
    } .content{
        width: 750px;
    }
    .inner-heading-content {
        margin-top: 13px;
    }
    .inner-right-side-content {
        width: 94.5%;
        padding: 57px 0px 30px 34px;
    }
    .inner-right-side-content p{
        padding-right: 20px;
    }
    .blog-top-content {
        background-size: cover!important;
        min-height: 350px;
    }
    .content-blog{
        width: 100%;
    }
    .photo-post img {
        width: 100%;
        display: block;
    }
    .content-blog-details {
        width: 100%;
    }
    .blogpost-top-content {
        min-height: 165px!important;
        background-size: cover !important;
    }
    .post-heading-details {
        text-align: center;
        padding: 40px 0px 40px;
    }



}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HERE GOES TO VIEWPORT 768PX ON RESPONSIVE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media screen and (min-width:768px)and (max-width:799px){
    .header-left {
        width: 100%;
        text-align: center;
    }
    .header-right {
        width: 97%;
        padding: 15px 0px;
        text-align: center;
    }
    .search-pannel-container {
        display: inline-block;
        float: none;
        margin: 20px auto 0;
        overflow: hidden;
        width: 200px;
    }
    .search-pannel {
        padding-left: 12px;
    }


    .content{
        width: 700px;
    }
    .inner-heading-content {
        margin-top: 13px;
    }
    .inner-right-side-content {
        width: 94.5%;
        padding: 57px 0px 30px 34px;
    }
    .inner-right-side-content p{
        padding-right: 20px;
    }

    .inner-heading-content {
        margin-top: 13px;
    }

    .blog-top-content {
        background-size: cover!important;
        height: 400px;
    }
    .content-blog{
        width: 100%;
    }
    .photo-post img {
        width: 100%;
        display: block;
    }
    .content-blog-details {
        width: 100%;
    }
    .post-text-content {
        padding: 45px 50px 90px;
    }
    .blogpost-top-content {
        min-height: 150px;
        background-size: cover ;
    }
    .post-heading-details {
        text-align: center;
        padding: 40px 0px 40px;
    }

    .footer-top ul li{
        padding: 0 14px;
    }

}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HERE GOES TO VIEWPORT 600PX ON RESPONSIVE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media screen and (min-width:600px)and (max-width:767px){
    .header-left {
        width: 100%;
        text-align: center;
    }
    figure {
        margin: 13px 0px 0px;
        padding: 0px;
    }
    .header-right {
        width: 100%;
        padding: 10px 0px;
    }
    nav {
        float: none;
        width: 500px;
        margin: 12px auto;
        text-align: center;
    }
    nav ul li{
        display: inline-block;
        float: none;
        margin: 2px 0;
    }
    .search-pannel-container {
        border-left: none;
        float: none;
        width: 200px;
        margin: 5px auto;
    }

    .content{
        width: 550px;
    }

    /*********************ABOUT PAGE****************/
    .inner-left-side{
        display: none;
    }
    .inner-right-side {
        width: 590px;
    }
    .inner-right-side-content{
        border-left: none;
    }
    .team-member-details li {
        width: 31%;
    }
    .about-top-content{
        min-height: 370px;
        background-size: cover;
    }
    .inner-heading-content {
        margin-top: 13px;
    }
    .inner-right-side-content {
        width: 95.5%;
        padding: 57px 0px 30px 11px;
    }
    .inner-right-side-content p{
        padding-right: 20px;
    }

    .blog-top-content {
        background-size: cover!important;
        min-height: 400px;
    }
    .content-blog{
        width: 100%;
    }
    .photo-post img {
        width: 100%;
        display: block;
    }
    .title-post{
        padding: 0 15px;
    }
    .post-text {
        padding: 0px 20px;
    }
    .content-blog-details {
        width: 100%;
    }
    .post-text-content {
        padding: 45px 50px 90px;
    }
    .blogpost-top-content {
        min-height: 150px;
        background-size: cover ;
    }
    .post-heading-details {
        text-align: center;
        padding: 40px 0px 40px;
    }

    .footer-top ul li{
        padding:0 6px;
        font-size: 14px;
    }


}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HERE GOES TO VIEWPORT 480PX ON RESPONSIVE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media screen and (min-width:480px)and (max-width:599px){
    .header-left {
        width: 100%;
        text-align: center;
    }
    figure {
        margin: 13px 0px 0px;
        padding: 0px;
    }
    .header-right {
        width: 100%;
        padding: 10px 0px;
    }
    nav {
        float: none;
        width: 428px;
        margin: 12px auto;
        text-align: center;
    }
    nav ul li{
        display: inline-block;
        float: none;
        margin: 2px 0;
    }
    .search-pannel-container {
        border-left: none;
        float: none;
        width: 180px;
        margin: 5px auto;
    }
    .content{
        width: 400px;
    }
    .button-submit {
        padding: 14px 30px;
    }

    .second-content {
        padding: 50px 0px;
    }
    .text-subscribe{
        width: 350px;
        margin-bottom: 30px;
    }
    .heading-text-4{
        font-size: 62px;
    }
    .footer-top {
        width: 400px;
    }
    .footer-top ul li {
        padding: 5px 0px;
        font-size: 15px;
        display: block;
    }
    .inner-heading-content {
        margin-top: 13px;
    }


    /*********************BIO PAGE****************/

    .blog-top-content {
        background-size: cover!important;
        min-height: 390px;
    }
    .content-blog{
        width: 100%;
    }
    .photo-post img {
        width: 100%;
        display: block;
    }
    .title-post{
        padding: 0 15px;
    }
    .post-text {
        padding: 0px 20px;
    }
    .content-blog-details {
        width: 100%;
    }
    .post-text-content {
        padding: 45px 30px 90px;
        text-align: center;
    }
    .blogpost-top-content {
        min-height: 150px;
        background-size: cover ;
    }
    .post-heading-details {
        text-align: center;
        padding: 40px 0px 40px;
    }
    .title-post {
        padding: 0px;
    }


}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HERE GOES TO VIEWPORT 320PX ON RESPONSIVE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media screen and (min-width:0px)and (max-width:479px){
    .header-left {
        width: 100%;
        text-align: center;
    }
    figure {
        margin: 13px 0px 0px;
        padding: 0px;
    }
    .header-right {
        width: 100%;
        padding: 10px 0px;
    }
    nav {
        float: none;
        width: 100%;
        margin: 12px auto;
    }
    nav ul li {
        float: none;
        border-bottom: 1px solid #969696;
        text-transform: uppercase;
        padding: 5px 0;
        text-align: center;
    }
    .search-pannel-container {
        border-left: none;
        float: none;
        width: 100%;
        margin: 5px auto;
    }
    .search-pannel {
        padding-left: 15px;
    }
    .content{
        width: 215px;
    }

    .button-submit {
        padding: 14px 30px;
    }
    .text-subscribe{
        width: 180px;
        margin-bottom: 20px;
    }
    .btn-space {
        margin-right: 0px; 
    }
    .heading-text-4{
        font-size: 42px;
        text-align: center;
    }
    .footer{
        padding: 30px 0 38px;
    }
    .footer-top {
        width: 100%;
    }
    .footer-top ul li {
        padding: 5px 0px;
        font-size: 15px;
        display: block;
    }
    .footer-bottom {
        width: 100%;
    }
    /*********************ABOUT PAGE****************/
    .inner-left-side{
        display: none;
    }
    .inner-right-side {
        width: 100%;
    }
    .inner-right-side-content{
        border-left: none;
    }
    .team-member-details li {
        width: 100%;
    }

    .inner-heading-content {
        margin-top: 13px;
    }
    .inner-right-side-content {
        width: 100%;
        padding: 57px 0px 30px 11px;
        text-align: center;
    }
    .inner-right-side-content p{
        padding-right: 0px;
    }
    .heding-txt-6{
        float: none;
    }
    .icon-dimond-black {
        margin-right: 0px;
        float: none;
    }
    .inner-heading-content .heading-text {
        font-size: 50px;
    }
    /*********************BIO PAGE****************/

    .blog-top-content {
        background-size: cover;
        height: 600px;
    }
    .content-blog{
        width: 100%;
    }
    .photo-post img {
        width: 100%;
        display: block;
    }
    .title-post{
        padding: 0 15px;
    }
    .post-text {
        padding: 0px 20px;
    }
    .content-blog-details {
        width: 100%;
    }
    .post-text-content {
        padding: 45px 10px 90px;
        text-align: center;
    }
    .blogpost-top-content {
        min-height: 150px;
        background-size: cover ;
    }
    .post-heading-details {
        text-align: center;
        padding: 40px 0px 40px;
    }
    .title-post {
        padding: 0px;
    }





}