@media only screen and (min-width: 1448px){
    body > div, body > section, body > header, body > footer {
        padding-left: 276px;
        width: 1448px;
    }
    body{
        padding-top: 55px;
    }
    .header_area {
        padding-left: 0;
        position: fixed;
        top: 0;
        z-index: 999;
    }
    .main_header{
        background: #fff;
        left: calc(50% - 723px);
    }
    .main_header .site_logo{
        width: auto;
        padding: 63px 47.5px;
    }
    .main_header .site_logo a span.logo_txt{
        display: inline-block;
    }
    .main_header .main_menu ul li a{
        width: auto;
    }
    .main_header .main_menu ul li a span{
        display: inline-block;
    }
    .ports {
        margin-left: 12px;
        margin-right: 12px;
    }
}

@media only screen and (max-width: 1447px){
    .header_area {
      margin: 0 auto;
      width: 1170px;
    }
}

/* Medium Layout: 992px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container{
        width: 970px;
    }
    .header_area {
      width: 970px;
    }
    .site_logo {
        padding: 10px 0;
    }
    .main_header:hover .site_logo {
        padding: 10px 45px;
    }   
    .main_menu ul li a i {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }  
    .main_menu ul li a span {
        line-height: 40px;
    }    
    .main_menu ul li a {
        width: 40px;
    }    
    .services_we_provide_area .container {
        padding-left: 100px;
        padding-right: 100px;
    }    
    .footer_menu ul li {
        margin-left: 30px;
    }    
    .all_provied {
        padding: 0 30px;
    }    
    .hire_txt {
        padding-left: 80px;
    }    
    .panel-body {
        line-height: 27px;
        padding: 10px;
    }
    #sportfolio {
        text-align: center;
    }
    .serv_featured {
        padding-left: 100px;
        padding-right: 100px;
    }    
    .date_lth {
      width: 92px;
    }    
    .dateh {
      height: 70px;
      width: 70px;
    }    
    .dateh p {
      padding-top: 12px;
    }    
    .dateh p span {
      font-size: 27px;
    }    
    .postindh {
      right: 0;
      top: 0;
    }    
    .authoer_infoh {
      width: calc(100% - 95px);
    }    
    .post_tegh > li:last-child {
      margin-right: 0;
    }    
    .all_skill {
      padding: 0 50px;
    }    
    .testimonial_area .section-padding {
      padding-left: 60px;
      padding-right: 60px;
    }    
    ol.carousel-indicators {
      padding: 0 25px;
    }    
    .section_heading p {
      padding: 0 200px;
    }    
    .service_page .sev_ct h4 {
      font-size: 16px;
      margin-bottom: 17px;
      padding-top: 60px;
    }
    .service_page .sev_ct p {
      margin-bottom: 15px;
      padding-left: 28px;
      padding-right: 28px;
    }    
    .service_page .sev_ct h5 {
      padding: 5px 0 30px;
    }    
    #portfolio .mix {
      width: 33%;
    }    
    .icon_ct {
      margin-right: 15px;
    }    
    .addtext {
      margin-right: 0;
    }    
    .banner_con_txt {
      padding: 110px 0px 0 45px;
    }    
    .postdetils blockquote {
      margin-left: 30px;
    }    
    .pro_detail_counter {
      padding-right: 100px;
    }    
    .pro_social ul li {
      margin-right: 20px;
    }    
    .generanal_info_pro h4 {
      font-size: 17px;
    }    
    .single_realted_project {
      width: 25%;
    }
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container{
        width:750px;
    }
    .header_area {
      width: 750px;
    }
    .site_logo {
        padding: 10px 0;
    }
    .main_header:hover .site_logo {
        padding: 10px 45px;
    }   
    .main_menu ul li a i {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }  
    .main_menu ul li a span {
        line-height: 40px;
    }    
    .main_menu ul li a {
        width: 40px;
    } 
    .section_heading p {
      padding: 0 60px;
    }
    .single_service {
      min-height: 122px;
    }    
    .services_we_provide_area .container {
      padding-left: 30px;
      padding-right: 30px;
    }    
    .single_process::after {
      right: -24px;
      width: 45px;
    }    
    .blog_meta {
      margin-bottom: 10px;
      margin-top: 15px;
    }    
    .post_title {
      padding-left: 10px;
    }    
    .fav_count {
      padding: 0 5px;
      right: 10px;
      top: 10px;
    }    
    .copyright_txt {
      text-align: center;
    }    
    .footer_menu ul {
      padding-top: 20px;
      text-align: center;
    }    
    .footer_top > .row > .col-md-3:last-child {
      text-align: center;
      padding-top: 30px;
    }    
    .our_great_team > .col-md-3:last-child {
      padding-top: 30px;
    }
    .cont_address {
      width: 50%;
      margin: 40px auto 0;
    }    
    #map_area {
      height: 350px;
    }    
    #portfolio .mix {
      width: 49%;
    }    
    .hire_txt {
      padding-left: 15px;
    }    
    .hire_txt h2 {
      font-size: 20px;
    }    
    .ab_accor_img > img {
      display: block;
      margin: 0 auto 30px;
    }    
    #abaccordion {
      padding-left: 15px;
    }    
    .panel-body {
      line-height: 30px;
    }
    .all_skill {
      padding: 0 100px;
    }    
    .single_skill {
      padding-bottom: 50px;
    }    
    .our_prfskill_area .section-padding {
      padding-bottom: 30px;
    }    
    ol.carousel-indicators {
      padding: 0;
    }    
    .pro_detail_counter {
      padding-right: 0;
    }    
    .single_realted_project {
      width: 25%;
    }    
    .all_blog_posts {
      margin-bottom: 35px;
    }    
    .sev_ct h4 {
      padding-top: 45px;
      margin-bottom: 5px;
    }    
    .sev_ct p {
      margin-bottom: 5px;
      padding-left: 5px;
      padding-right: 5px;
    }   
    .sev_ct h5 {
      padding: 0 0 30px;
    }    
    .all_provied {
      overflow: hidden;
      padding: 0;
      width: 100%;
    }    
    .all_provied {
      padding: 0 15px;
    }    
    .sport {
      width: 100%;
    }    
    #sportfolio .mix {
      width: calc(33.33% - 3px);
    }    
    .serv_featured {
      padding-left: 80px;
      padding-right: 80px;
    }    
    .serv_featured .owl-next {
      right: 25px;
    }    
    .serv_featured .owl-prev {
      left: 25px;
    }    
    .date_lth {
      float: none;
      margin-bottom: 20px;
    }
    .authoer_infoh {
      float: none;
      width: 100%;
    }    
    .authoer_infoh h2 a {
      font-size: 14px;
    }    
    .clean_design_text {
      padding-left: 15px;
    }    
    .grt_tam_home {
      padding: 0 15px;
    }    
    .single_grt {
      margin-bottom: 30px;
    }    
    .service_page .sev_ct h4 {
      margin-bottom: 30px;
      padding-top: 70px;
    }    
    .service_page .sev_ct p {
      line-height: 30px;
      padding-left: 35px;
      padding-right: 35px;
    }    
    .service_page .service_page .sev_ct h5 {
      padding: 25px 0 39px;
    }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .container {
        width:300px;
    }
    .slicknav_menu {
        margin: 0 auto;
        width: 300px;
    }
    .header_area {
      width: 300px;
    }
    .main_header{
        display: none;
    }
    .slicknav_menu {
        display:block;
    }
    .banner_con_txt {
      padding: 0;
    }    
    .banner_con_txt h1 {
      font-size: 25px;
    }    
    .banner_con_txt h2 {
      margin-bottom: 15px;
    }    
    .section_heading p {
      padding: 0;
    }    
    .single_about {
      padding-bottom: 30px;
    }    
    .all_skill_item {
      padding-bottom: 23px;
    }
    .services_we_provide_area .container {
      padding-left: 15px;
      padding-right: 15px;
    }    
    .single_service {
      margin-bottom: 30px;
    }    
    .single_service_details p {
      padding: 0 15px;
    }    
    .more_service_area .container .section-padding {
      padding-left: 15px;
      padding-right: 15px;
    }    
    .more_service_photo {
      padding-top: 30px;
    }    
    .testimonial_area .section-padding {
      padding-left: 15px;
      padding-right: 15px;
    }
    .pricing_table {
      border: 0px;
    }    
    .single_pricing_table {
      border: 1px solid #eeeeee;
      margin-bottom: 30px;
    }    
    .single_process {
      width: calc(50% - 3px);
      padding-bottom: 30px;
    }    
    .single_process::after {
      display: none;
    }    
    .fav_count {
      padding: 0 5px;
      right: 10px;
      top: 10px;
    }     
    .blog_meta {
      margin-bottom: 10px;
      margin-top: 15px;
    }    
    .post_title {
      padding-left: 10px;
    } 
    .single_latest_from_blog {
      margin-bottom: 30px;
    }    
    .single_footer_widget {
      margin-bottom: 40px;
    }    
    .footer_top {
      padding-bottom: 40px;
    }    
    .copyright_txt {
      text-align: center;
    }    
    .footer_menu ul {
      padding-top: 20px;
      text-align: center;
    }    
    .footer_menu ul li {
      margin-left: 20px;
    }    
    .header_top_search {
      text-align: center;
    }    
    #map_area {
      height: 350px;
    }   
    .frm_field {
      width: 100%;
    }    
    .frm_field + .frm_field {
      margin-left: 0;
    }    
    .single_ct_address {
      padding-right: 0;
    }    
    .icon_ct {
      margin-right: 0;
    }    
    .addtext {
      margin-right: 0;
    }    
    .cont_address {
      padding-top: 30px;
    }    
    .porfolio_filter li {
      margin: 4px 3px;
    }    
    #portfolio .mix {
      max-width: 100%;
    }    
    .hire_txt {
      padding-left: 0;
    }    
    .ab_accor_img {
      padding-left: 0;
    }    
    #abaccordion {
      padding-right: 0;
      padding-top: 30px;
    }    
    .panel-title {
      font-size: 13px;
    }    
    .panel-body {
      line-height: 25px;
    }    
    .all_skill {
      padding: 0;
    }    
    .our_prfskill_area .section_heading h2 {
      font-size: 22px;
    }    
    .single_skill {
      padding-top: 30px;
    }    
    .trigger_img {
      margin-left: -20px;
    }    
    ol.carousel-indicators li, ol.carousel-indicators li.active {
      margin: 0 -3px;
    }    
    ol.carousel-indicators {
      margin-left: -5px;
      padding: 0;
    }   
    .trigger_txt {
      display: none;
    }    
    .testimonial_slider .carousel-inner p {
      font-size: 19px;
    }    
    .pro_detail_counter {
      padding-right: 0;
    }      
    .pro_social ul li {
      margin-right: 25px;
    }    
    .portfolio_sort h4 {
      margin: 21px 0 15px;
    }    
    .date_lt {
      float: none;
      margin-bottom: 20px;
      width: 100%;
    }    
    .postind {
      right: 57%;
    }    
    .authoer_info {
      float: none;
      width: 100%;
    }    
    .postdetils blockquote {
      margin-left: 0;
      padding-left: 20px;
      padding-right: 0;
    }    
    .social_details {
      float: left;
      margin-top: 10px;
    }    
    .social_details ul li {
      margin-left: 0;
      margin-right: 15px;
    }    
    .coment1 {
      padding: 10px 5px 0;
    }    
    .coment1 img, .coment2 img{
      margin: 0 auto;
      display: block;
    }    
    .commenttxt, .commenttxt2 {
      float: none;
      margin-top: 20px;
      width: 100%;
    }    
    .comm_name_reply h4 {
      margin-right: 0;
    }    
    .coment2 {
      padding: 10px 5px 0;
      margin-left: 20px;
    }    
    .cfrm_field {
      float: none;
      width: 100%;
    }    
    .cfrm_field + .cfrm_field {
      margin-left: 0;
    }    
    .all_blog_posts {
      margin-bottom: 30px;
    }
    .all_provied {
      padding: 0;
    }    
    .serv_top {
      top: -40px;
    }    
    .single_serv {
      padding-bottom: 25px;
    }    
    .serv_port_txt p {
      padding: 0 15px;
      width: 100%;
    }    
    #sportfolio {
      text-align: center;
    }    
    #sportfolio .mix {
      margin-bottom: 5px;
    } 
    .serv_featured {
      padding-left: 0;
      padding-right: 0;
    }    
    .serv_featured .owl-prev {
      left: 0;
    }    
    .serv_featured .owl-next {
      right: 0;
    }    
    .single_lst_blog {
      padding-bottom: 30px;
    }    
    .date_lth {
      float: none;
      margin-bottom: 20px;
    }
    .authoer_infoh {
      float: none;
      width: 100%;
    }
    .cleandesing_img img {
      float: none;
    }    
    .clean_design_text h3 {
      padding-top: 15px;
    }    
    .single_grt {
      margin-bottom: 15px;
    }    
    .pricing2_area {
      margin-top: -30px;
    }    
    .single_pricing2 {
      margin-top: 90px;
    }    
    .service_page .all_provied {
      padding: 0;
    }    
    .service_page .sev_ct h4 {
      margin-bottom: 15px;
      padding-top: 85px;
    }    
    .sev_ct p {
      margin-bottom: 15px;
      padding-left: 10px;
      padding-right: 10px;
    }   
    .service_page .sev_ct h5 {
      padding: 5px 0 30px;
    }
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width:450px;
    }
    .slicknav_menu {
        margin: 0 auto;
        width: 450px;
    }
    .header_area {
      width: 450px;
    }
    .all_featured {
      padding: 0 30px;
    }    
    .our_great_team {
      padding: 0 68px;
    } 
    .latest_from_our_blog_area .container {
      padding-left: 50px;
      padding-right: 50px;
    }    
    .cont_address {
      width: 65%;
      margin: 0 auto;
    }
    #portfolio {
      text-align: center;
    }    
    ol.carousel-indicators {
      padding: 0 0 0 35px;
    }    
    .single_realted_project {
      width: 50%;
    }    
    .postind {
      right: 73%;
    }    
    .comm_name_reply a {
      margin-left: 5px;
    }    
    .service_page .all_provied {
      padding: 0 65px;
    }    
    .clean_design_text h3 {
      font-size: 20px;
    }    
    .all_provied {
      padding: 0 80px;
    }
}