/* Default Layout: 992px */


/*Tablet Layout: 768px*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top_header_content,
    .content {
        width: 750px
    }
    .rasel_right_menu ul li {
        margin-right: 5px
    }
    .rasel_right_menu ul li a:hover,
    .rasel_right_menu ul li a {
        font-size: 13px;
        padding: 3px 6px
    }
    .web_name a {
        font-size: 18px
    }
    .top_header_content_image {
        height: 40px;
        width: 40px
    }
    .top_header_content_image img {
        height: 40px
    }
    #header_title h2 {
        font-size: 40px
    }
    .title h3 {
        font-size: 20px;
        padding: 6px 14px
    }
    .photogellary h2,
    .writeup h2,
    .biodata h2,
    .content_title_image_body h2 {
        font-size: 22px
    }
    .content_image img {
        width: 214px
    }
    .content_body {
        width: 526px
    }
    .content_image {
        margin-right: 10px
    }
    .content_body p {
        font-size: 14px;
        line-height: 150%
    }
    .writeup_part {
        height: 175px;
        width: 243px
    }
    .writeup_part {
        margin-right: 10px
    }
    .photogellary h2,
    .writeup h2,
    .biodata h2,
    .content_title_image_body h2 {
        padding-bottom: 39px
    }
    .photogellary_left {
        width: 234px;
        margin-right: 20px
    }
    .photogellary_left img {
        height: auto;
        max-width: 100%
    }
    .photogellary_right_part_pic {
        margin-right: 18px;
        width: 239px
    }
    .photogellary_right {
        width: 496px
    }
    .photogellary_right_part_pic:nth-child(2n) {
        margin-bottom: 18px
    }
    .photogellary_right_part_pic:nth-child(4) {
        margin-bottom: 0
    }
    .photogellary_right_part {
        margin-bottom: 0
    }
    .writeup {
        margin-bottom: 0
    }
    .circle {
        margin-left: 373px
    }
    .details {
        margin-left: 423px;
        width: 301px;
    }
    .RXtimelineFix .details {
        margin-left: 9px
    }
    .RXtimelineFix .box {
        left: 313px
    }
    .RXtimelineFix .date {
        margin-left: 457px
    }
    .date_and_quailification_left_part {
        width: 374px
    }
    .name_email input {
        width: 362px
    }
    .wpcf7-form-control-wrap.text-561 {
        margin-right: 20px
    }
    .textBox textarea {
        width: 716px
    }
    .heading > h4 > a {
        width: 227px
    }
    #header_title {
        margin-left: -144px;
        margin-top: -43px;
        top: 50%;
    }
    .textBox {
        margin-bottom: 20px
    }
    .header_image_title {
        height: 100vh;
    }
    .for_tablet {
        display: none
    }
    .biodata {
        margin-bottom: 20px
    }
    .photogellary_right_part_pic h4 a,
    .photo_gellary_caption h4 a,
    .heading > h4 > a {
        font-size: 14px;
        padding: 3px 5px
    }
    .details h3 {
        font-size: 18px
    }
    .details h4 {
        font-size: 15px
    }
    .details p,
    .content_body p {
        font-size: 14px
    }
    .writeup_top_margin {
        margin-top: 72px
    }
    .title_date_body {
        width: 591px
    }
    .writeup_image {
        margin-right: 20px
    }
    .photogellary_right_part_pic_page {
        height: auto;
        margin-bottom: 15px;
        margin-right: 16px;
        width: 175px
    }
    .photo_gellary_caption {
        bottom: -34px
    }
    .design_share {
        width: 750px
    }
    .photogellary_right_part_phone_page {
        width: 154px;
        margin-bottom: 15px;
        margin-right: 15px
    }
    .phone_number_name p {
        font-size: 15px
    }
    .phone_number p,
    .email_id p,
    .comments p {
        font-size: 13px
    }
    input#uwpqsf_id_key {
        height: 25px;
        width: 500px
    }
    .singlePost {
        width: 484px
    }
    .singlePost_more {
        width: 230px
    }
    .singlePost_life > h2,
    .singlePost > h2 {
        font-size: 25px;
        padding-bottom: 15px
    }
    .body_content p {
        font-size: 14px
    }
    .catagory > li > a {
        font-size: 13px
    }
    .gallery-icon {
        height: auto;
        margin-bottom: -15px;
        width: 106px
    }
    .social_icon a {
        font-size: 12px;
        height: 18px;
        line-height: 20px;
        margin-left: 3px;
        margin-top: 23px;
        padding: 3px;
        width: 18px;
    }
    .row_mennual {
        padding: 15px 0 18px;
        width: 750px;
    }
    .higest_read:last-child {
        margin-right: 0;
    }
    .higest_read {
        margin-right: 15px;
        width: 31.5%;
    }
    .higest_read {
        margin-right: 15px;
        width: 32%;
    }
    .higest_read > h2 {
        font-size: 16px;
        margin-bottom: 10px;
        padding-bottom: 3px;
    }
    .higest_read ul li a {
        font-size: 13px;
        line-height: 156%;
        padding: 3px 0;
        -webkit-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
    }
    .footer {
        padding-bottom: 60px;
    }
}


/*Mobile Layout: 320px*/

@media only screen and (max-width: 767px) {
    .top_header_content,
    .content {
        width: 300px
    }
    .for_tablet {
        color: #fff;
        float: right;
        font-size: 20px;
        height: 25px;
        margin-top: 11px;
        width: 25px;
        cursor: pointer
    }
    .web_name a {
        font-size: 18px
    }
    .top_header_content_image {
        height: 30px;
        width: 30px
    }
    .top_header_content_image img {
        height: 30px;
        width: auto
    }
    .web_name {
        margin-top: 10px;
        margin-right: 9px
    }
    .rasel_right_menu ul li {
        float: none;
        margin-right: 0;
        margin-bottom: 10px
    }
    .rasel_right_menu {
        float: left
    }
    .rasel_right_menu ul li a {
        width: 280px
    }
    .rasel_right_menu ul li a:hover,
    .rasel_right_menu ul li a {
        padding: 2px 10px
    }
    .rasel_right_menu {
        margin-top: 10px
    }
    .rasel_right_menu ul li a {
        font-size: 13px
    }
    #header_title h2 {
        font-size: 25px
    }
    #header_title {
        margin: auto auto auto -120px;
        height: 45px
    }
    .title h3 {
        font-size: 15px;
        padding: 4px 10px
    }
    .title {
        top: 16px
    }
    .rasel_right_menu {
        display: none
    }
    .for_tablet {
        display: block
    }
    #header_title {
        border-left: 6px solid #fff;
        border-right: 6px solid #fff;
        border-bottom: 6px solid #fff;
    }
    #header_title {
        display: inline-block;
        left: 50%;
        margin-left: -97px;
        padding: 0 20px 5px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: auto;
    }
    .content_image img {
        max-width: 100%;
        display: block;
        margin: auto
    }
    .content_image {
        float: none;
        margin-right: 0;
        width: 100%
    }
    .content_body {
        float: none;
        margin-bottom: 10px;
        width: 100%
    }
    .writeup_part {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        margin-right: 0
    }
    .header_image_title {
        max-width: 100%;
        margin-bottom: 15px
    }
    .writeup_part img {
        display: block;
        margin: auto
    }
    .writeup {
        margin-bottom: 0
    }
    .photogellary h2,
    .writeup h2,
    .biodata h2,
    .content_title_image_body h2 {
        padding-top: 0;
        padding-bottom: 15px;
        font-size: 17px
    }
    .writeup_image_title,
    .photogellary,
    .writeUpBox,
    .writeup,
    .subject,
    .textBox,
    .name_email,
    .contact,
    .biodata,
    .content_title_image_body,
    .header,
    .wrap {
        margin-bottom: 30px
    }
    .content_body p {
        font-size: 13px
    }
    .writeup_image_title,
    .photogellary,
    .writeUpBox,
    .writeup,
    .subject,
    .textBox,
    .name_email,
    .contact,
    .biodata,
    .content_title_image_body,
    .header,
    .wrap {
        margin-bottom: 0
    }
    .heading > h4 > a {
        font-size: 15px;
        padding: 3px 5px;
        width: 290px
    }
    .photogellary_left {
        background: gray none repeat scroll 0 0;
        float: none;
        height: auto;
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%
    }
    .photogellary_right {
        float: none;
        width: 100%
    }
    .photogellary_right_part_pic {
        background: #999 none repeat scroll 0 0;
        float: none;
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px
    }
    .photogellary_right_part_pic:nth-child(2n) {
        margin-bottom: 10px
    }
    .photogellary_right_part_pic h4 a,
    .photo_gellary_caption h4 a {
        font-size: 15px
    }
    .date {
        left: 81px;
        margin-top: 0;
        position: absolute
    }
    .circle {
        margin-left: -10px
    }
    .date_and_quailification_left_part {
        border-left: 1px solid #555;
        float: left;
        height: auto;
        margin-left: 10px;
        width: 100%
    }
    .biodata {
        height: auto;
        width: 100%
    }
    .date_and_des_box {
        float: none;
        margin-bottom: 50px;
        margin-right: 0;
        width: 100%
    }
    .details {
        border: 1px solid #333;
        border-radius: 10px;
        height: auto;
        margin-left: 39px;
        padding: 3px 15px 16px;
        top: 23px;
        width: 212px
    }
    .box_for_date {
        left: -57px
    }
    .date p {
        font-size: 14px
    }
    .details h3 {
        font-size: 18px
    }
    .details h4 {
        font-size: 14px
    }
    .details p {
        font-size: 12px;
        line-height: 150%
    }
    .photogellary_right_part {
        margin-bottom: 0
    }
    .RXtimelineFix .details {
        margin-left: 0;
        left: 39px
    }
    .RXtimelineFix .date {
        left: -196px;
        margin-left: 0;
        margin-top: 0;
        top: 1px
    }
    .RXtimelineFix .box_for_date {
        top: 12px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 12px
    }
    .RXtimelineFix .box_for_date {
        left: -58px
    }
    .RXtimelineFix .box {
        left: -22px;
        -ms-transform: rotate(47deg);
        -webkit-transform: rotate(47deg);
        transform: rotate(47deg)
    }
    .date_and_des_box {
        height: auto
    }
    .writeup_top_margin {
        margin-top: 20px
    }
    .wpcf7-form-control-wrap.text-561 {
        margin-right: 0
    }
    .name_email input {
        width: 100%
    }
    .name_email input,
    .textBox textarea,
    .contact button {
        font-family: "SolaimanLipiNormal";
        font-size: 15px;
        margin-bottom: 20px
    }
    .textBox textarea {
        width: 89%;
        margin-bottom: 10px
    }
    .writeup_top_margin {
        margin-bottom: 20px
    }
    .writeup_top_margin_less {
        margin-top: 65px
    }
    .writeup_image {
        float: none;
        margin-right: 0;
        margin: auto
    }
    .title_date_body {
        float: none;
        width: 100%
    }
    .title_date_body {
        float: none;
        margin-top: 15px;
        width: 100%
    }
    .writeup_image_title {
        margin-bottom: 10px
    }
    .writeup_image_title {
        padding-bottom: 10px
    }
    .photogellary_right_part_pic_page {
        background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
        float: none;
        height: auto;
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%
    }
    .design_share {
        width: 300px
    }
    .subject input,
    .name_email input {
        margin-bottom: 20px;
        margin-right: 0
    }
    .photogellary_right_part_phone_page {
        float: none;
        margin: auto;
        margin-bottom: 10px
    }
    input#uwpqsf_id_key {
        height: 24px;
        width: 90%
    }
    .photogellary_right_page > .photogellary_right_part_phone_page:nth-child(4n) {
        margin: auto;
        margin-bottom: 10px
    }
    .singlePost {
        float: none;
        padding: 0;
        width: 100%;
        margin-bottom: 20px
    }
    .singlePost_life > h2,
    .singlePost > h2 {
        font-size: 20px
    }
    .body_content p {
        font-size: 14px
    }
    .singlePost_more {
        margin-bottom: 15px
    }
    .social_icon a {
        font-size: 15px;
        height: 15px;
        line-height: 18px;
        margin-top: 13px;
        padding: 3px;
        text-align: center;
        width: 15px;
        margin-left: 0
    }
    .gallery-icon {
        height: auto;
        margin-bottom: -17px;
        width: 142px
    }
    #gallery-1 .gallery-item {
        width: 142px !important
    }
    #gallery-1 .gallery-item:nth-child(odd) {
        float: right
    }
    .news_hanger,
    .news_shoulder {
        font-size: 15px;
    }
    .row_mennual {
        width: 300px;
    }
    .higest_read {
        float: none;
        margin-bottom: 40px;
        margin-right: 0;
        width: 100%;
    }
    .higest_read:last-child {
        margin-bottom: 0;
    }
    .higest_read > h2 {
        font-size: 17px;
        margin-bottom: 15px;
        padding-bottom: 3px;
    }
    .higest_read ul li a {
        font-size: 14px;
    }
    .footer {
        padding-bottom: 60px;
    }
}


/*Wide Mobile Layout: 480px*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .top_header_content,
    .content {
        width: 450px
    }
    .writeup_part {
        float: left;
        height: auto;
        margin-bottom: 10px;
        margin-right: 2%;
        width: 49%
    }
    .writeup > .writeup_part:nth-child(2n+1) {
        margin-right: 0
    }
    .heading > h4 > a {
        width: 211px
    }
    .writeup > .writeup_part:nth-child(3n+1) {
        margin-right: 2%
    }
    .writeup > .writeup_part:nth-last-child(1) {
        margin-right: 0
    }
    .writeup_part img {
        display: block;
        height: auto;
        margin: auto;
        max-width: 100%
    }
    .photogellary_left {
        width: 140px;
        float: left
    }
    .photogellary_right {
        float: right;
        width: 290px
    }
    .photogellary_right_part_pic {
        background: #999 none repeat scroll 0 0;
        float: left;
        margin-bottom: 16px;
        margin-right: 16px;
        width: 137px
    }
    .photogellary_right_part_pic:nth-last-child(2) {
        margin-bottom: 0
    }
    .photogellary_right_part_pic:nth-child(2n) {
        margin-bottom: 0
    }
    .photogellary_right_part_pic h4 a,
    .photo_gellary_caption h4 a {
        font-size: 12px
    }
    .photogellary_right_part_pic h4 a,
    .photo_gellary_caption h4 a {
        padding: 2px 5px
    }
    .photo_gellary_caption {
        bottom: -28px
    }
    .biodata {
        margin: auto;
        width: 299px;
        margin-top: 15px
    }
    .date {
        left: 273px
    }
    .details h3 {
        font-size: 15px
    }
    .details h4 {
        font-size: 13px
    }
    .name_email input,
    .textBox textarea,
    .contact button {
        font-size: 14px;
        margin-bottom: 12px
    }
    .photogellary h2,
    .writeup h2,
    .biodata h2,
    .content_title_image_body h2 {
        font-size: 17px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        padding-top: 0
    }
    .writeup_image_title,
    .photogellary,
    .writeUpBox,
    .writeup,
    .subject,
    .textBox,
    .name_email,
    .contact,
    .biodata,
    .content_title_image_body,
    .header,
    .wrap {
        margin-bottom: 5px
    }
    .writeup_image_title {
        margin-bottom: 10px
    }
    .photogellary_right_part_pic_page {
        background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
        margin-bottom: 15px;
        margin-right: 16px;
        width: 217px;
        float: left
    }
    .photogellary_right_part_pic_page:nth-child(2n+2) {
        background: cyan;
        margin-right: 0
    }
    .photogellary_right_part_pic_page img {
        height: 100%;
        max-width: 100%
    }
    .design_share {
        width: 450px
    }
    .subject input,
    .name_email input {
        margin-bottom: 20px;
        margin-right: 0
    }
    input#uwpqsf_id_key {
        height: 25px;
        width: 91%
    }
    .photogellary_right_part_phone_page:nth-child(2n+2) {
        margin-right: 0
    }
    .photogellary_right_part_phone_page {
        float: left;
        margin-right: 14px;
        margin-bottom: 14px;
        width: 196px
    }
    .singlePost {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding: 0
    }
    .singlePost_more {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }
    #gallery-1 > #gallery-1 > .gallery-item {
        float: left;
        margin-top: 10px;
        text-align: center;
        width: 50%
    }
    .gallery-icon {
        height: auto;
        margin-bottom: -15px;
        width: 215px
    }
    #gallery-1 .gallery-item {
        width: 215px !important
    }
    #gallery-1 .gallery-item:nth-child(odd) {
        float: right
    }
    .top_margin_20 {
        margin-top: 20px
    }
    .biodata h2 {
        margin-bottom: 0
    }
    .news_hanger,
    .news_shoulder {
        font-size: 15px;
    }
    .row_mennual {
        width: 450px;
    }
    .higest_read {
        float: left;
        margin-bottom: 40px;
        width: 47.78%;
        margin-right: 20px;
    }
    .higest_read:nth-child(2) {
        margin-right: 0;
    }
    .higest_read:nth-child(3) {
        margin-right: 0;
        width: 100%;
        text-align: center;
    }
}