
/*============= Extra large device ===============*/
@media (min-width:1441px) and (max-width:1800px){
.inner_main_nav_area >ul >li >a {
    margin: 36px 13px 36px 13px;
}    
     /* absolute menu area css */
.main_nav_area {
    margin-right: 85px;
}
.site_logo_area {
    margin-left: 90px;
}
    .main_menu_area.absolute_menu.sticky{
        margin: 0 20px;
    }
    .product_item h2 {
        font-size: 40px;
        width: 100%;
    }
}
/*============= Desktop device ===============*/
@media (min-width:1366px) and (max-width:1440px){
    /* inner slider area css */
    .header_top {
        margin: 0;
    }
    /* menu bar */
    .inner_main_nav_area >ul >li >a {
        margin: 36px 9px 36px 10px;
    }
    .k_h2_alider {
        margin: 0;
    }
    .main_nav_area {
        margin-right: 74px;
    }
    .main_nav_icons {
        margin-left: 135px;
    }
    .inner_slider_area {
        height: 700px;
    }
    .site_logo_area {
        margin-left: 80px;
    }
    .h2_offer_area .slick-prev {
        left: -4%;
    }
    .brand_area .slick-prev {
        left: -4%;
    }
    .h2_offer_area .slick-next {
        right: -60px;
    }
}

/*============= Laptop device ===============*/
@media (min-width:10px) and (max-width:1366px){
.fo_bg {
    background: #fff !important;
}    
}
/*============= Laptop device ===============*/
@media (min-width:1024px) and (max-width:1365px){
    h1,h1 span,h2, h2 span,h3,h5{
        font-weight: 500;
    }
    a{
        font-size: 15px;
        font-weight: 500;
    }
    .inner_slider_area {
        height: 600px;
    }
    .k_h2_alider {
        margin: 0;
    }
    .inner_slider_content h2 {
        font-size: 50px;
        font-weight: 500;
    }
    .inner_slider_content h2 span{
        font-size: 50px;
    }
    .header_top {
        padding: 10px 0;
        margin: 0;
    }
    .month_active {
        margin-right: 15px;
    }
    .portfolio_nav ul li {
        padding: 10px 7px;
    }
    .brand_area .slick-prev {
        left: -3%;
    }
    .site_logo_area {
        margin-left: 20px;
    }
    .main_nav_area {
        margin-right: 5px;
    }
    /* menu bar */
    .inner_main_nav_area >ul >li >a {
        margin: 36px 12px 26px 5px;
        font-size: 14px;
    }
    .main_nav_icons {
        position: relative;
        border-left: 2px solid var(--bgcolor);
        margin-left: 10px;
    }
    /* video */
    .video_area {
        margin: 60px 130px 30px;
    }  
    /* counter */
    .counter_area {
        margin: 0 10px;
    }
    .s_slider .slick-prev {
        left: 87%;
    }
    .pri_item {
        width: 106%;
    }
    .port_area {
        margin: 0 10px;
    }
    .overlay_shop {
        margin-left: 26px;
    }
    .blog_area .slick-prev {
        left: 90%;
    }
    .blog_area .slick-prev, .blog_area .slick-next {
        top: -24%;
    }
    .g_btn a {
        padding: 16px 24px;
    }
    /* footer */
    .footer_social_icon a {
        margin-right: 0;
    }
    .tteamcon {
    padding: 15px 3px 10px;
}
    .counter_active h4 {
        font-size: 16px;
    }
    .h3_co_d {
        width: 103%;
    }
    .tx_countdown_box {
        gap: 10px;
    }
    .h3_testmonial .slick-prev {
        left: 31%;
    }
    .wp_calender {
        width: 100%;
    }
    .tr_vedio_vano_box img{
        width: 100%;
    }
    .slick-prev, .slick-next {
        top: 95%;
    }
    .tbd_product_text h2 a {
        font-size: 20px;
    }
}

/*============= Tablet Large device ===============*/
@media (min-width:992px) and (max-width:1023px){
    h1,h1 span,h2, h2 span,h3,h5{
        font-weight: 500;
    }
    a{
        font-size: 15px;
        font-weight: 500;
    }
    .k_h2_alider {
        margin: 0;
    }
    .inner_slider_content h2 {
        font-size: 35px;
    }
    .inner_slider_content h2 span{
        font-size: 35px;
    }
    .header_top {
        padding: 10px 0;
        margin: 0;
    }
    .site_logo_area {
        margin-left: 0;
    }
    .main_nav_area {
        margin: 0;
    }
    /* menu bar */
    .inner_main_nav_area >ul >li >a {
        margin: 36px 4px 26px 5px;
        font-size: 15px;
    }
    .inner_slider_area {
        height: 600px;
    }
    .portfolio_nav ul li {
        padding: 10px 10px;
    }
    .product_area {
        display: none;
    }
    /* video */
    .video_area {
        margin: 0 10px;
    }    
    /* counter */
    .counter_area {
        margin: 0 10px;
    }
    .s_slider .slick-prev {
        left: 87%;
    }
    .port_area {
        margin: 0 10px;
    }
    .overlay_shop {
        margin-left: 26px;
    }
    .blog_area .slick-prev {
        left: 90%;
    }
    .h3_testmonial .slick-prev {
        left: 25%;
    }
    .blog_area .slick-prev, .blog_area .slick-next {
        top: -24%;
    }
    .product_item h2 {
        font-size: 33px;
    }
    .product_item h2 span {
        font-size: 34px;
    }
    .g_btn a {
        padding: 16px 24px;
    }
    .about_area {
        margin-top: 30px;
    }
    /* footer */
    .footer_social_icon a {
        margin-right: 0;
    }
    .widged ul li span {
        font-size: 11px;
    }
   /* h3 */
   .h3_co_d {
        width: 111%;
    }
    .inner_of_text {
        padding: 10px 10px;
    }
    .main_item {
        margin: 15px 0 37px;
    }
    .wp_calender {
        width: 103.5%;
    }
    .tr_vedio_vano_box img{
        width: 100%;
    }
    .slick-prev, .slick-next {
        top: 95%;
    }
    .tbd_product_text h2 a {
        font-size: 20px;
    }
}

/*============= Tablet device ===============*/
@media (min-width:768px) and (max-width:991px){
    a{
        font-size: 15px;
        font-weight: 500;
    }
    P{
        font-size: 16px;
    }
    h1,h2,h2 span,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-weight: 500;
    }
    /* mobile menu css */
    .mobile_menu{
        display: block;
    }
    .mean-bar {
        position: relative;
    }
    .mean-bar::before {
        content: 'Menu';
        position: absolute;
        top: 7px;
        right: 0;
        bottom: 0;
        left: 5%;
        font-size: 24px;
        font-weight: 700;
        color: #fff;
    }
    .mobile_logo_area{
        display: block;
        text-align: center;
        padding: 10px 0;
    }

    /* main menu area css */
    .main_menu_area, .inner_counter_area img{
        display: none;
    }
    .header_top {
        margin: 0;
        padding: 10px 0;
    }
    .top_menu_right {
        margin-top: -20px;
    }
    .k_h2_alider {
        margin: 0;
    }
    .sh2_ac {
        height: 500px;
    }
    .skill_im img {
        width: auto;
    }
    .co_do_text img {
        left: 0;
    }
    .co_do_text img {
        width: 105%;
    }
    .h3_co_d {
        width: 100%;
    }
    .inner_pr_item {
        margin-top: 30px;
    }
    .tx_single_countdown{
        padding: 15px 15px 0;
        font-size: 35px;
    }
    .tx_countdown_box {
        gap: 1px;
    }
    .slick-prev {
        left: 42%;
    }
    .video_area {
        margin: 60px 76px 30px;
    }
    .counter_area {
        margin: 0;
    }
    .test_text h2 {
        width: 104%;
    }
    .offer_title {
        margin-bottom: 20px;
    }
    .br_title h2 {
        font-size: 25px;
    }
    .pro_title h2 span {
        margin-top: 10px;
    }
    .br_title h2 span{
        font-size: 25px;
    }
    .s_slider .slick-prev {
        left: 83%;
    }
    .k_btn {
        margin-top: 50px;
    }
    .blog_area .slick-prev {
        left: 85%;
    }
    /* port */
    .latest_sec_title{
        margin-bottom: 20px;
    }
    .port_area {
        margin: 0;
    }
    .brand_area .slick-prev {
        left: -3%;
    }
    .about_area {
        margin-top: 30px;
    }
    .offer_ac h1 a {
        font-size: 23px;
    }
    .inner_slider_area {
        height: 500px;
    }
    .h3_co_d h2 {
        font-size: 40px;
    }
    .witr_digit{
        font-size: 20px;
    }
    .inner_slider_content h2 {
        font-size: 40px;
    }
    .inner_slider_content h2 span{
        font-size: 40px;
    }
    /* h2 */
    .k_h2_alider {
        margin: 0;
    }
    .h2_cal_co h2 {
        font-size: 30px;
    }    
    .h2_cal_co h2 span{
        font-size: 30px;
    }
    .sh_h2_shap img{
        display: none;
    }
    /* h3 */
    .h2_bl_span {
        bottom: 65%;
    }
    .cal_text h2 {
        font-size: 30px;
    }  
    .cal_text h2 span {
        font-size: 30px;
    }
    .g_btn a {
        padding: 20px 14px;
        font-size: 11px;
    }
    .product_item h2 span {
        font-size: 32px;
    }
    .product_item p {
        width: 100%;
    }
    .month_sec h4 {
        font-size: 16px;
    }
    .month_active {
        margin-right: 13px;
    }
    .single_ser h2 a {
        font-size: 19px;
    }
    .product_item h2 {
        font-size: 35px;
        width: 100%;
    }
    .pri_item {
        width: 102%;
    } 
    .main_item {
        margin: 15px 0 37px;
    }
    .wp_calender {
        width: 91.5%;
    }
    .inner_slider_content h2 {
        font-size: 33px;
    }
    .inner_slider_content {
        width: 74%;
    }
    .project_information_area {
        padding: 50px 0 0;
    }
    .tr_vedio_vano_box {
        padding: 136px 0;
    }
    .tx_countdown_box span{
        font-size: 30px;
    }
    .tx_countdown_box span{
        font-size: 25px;
    }
    .tr_vedio_vano_box img{
        width: 100%;
    }
    .h3_test_title h2 {
        font-size: 30px;
    }
    .h3_test_title h2 span {
        font-size: 32px;
    }
    .v_img {
        margin: 0;
    }
}

/*============= mobile large device ===============*/
@media (max-width:767px){
    a{
        font-size: 15px;
        font-weight: 500;
    }
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-size: 25px;
        font-weight: 500;
    }
    h2 span {
        font-weight: 500;
    }
    .br_title h2{
        font-size: 25px;
    }    
    .br_title h2 span{
        font-size: 25px;
    }   
     .inner_pr_item h2{
        font-size: 24px;
    }    
    .inner_pr_item h2 span{
        font-size: 25px;
    }
    /* mobile menu css */
    .mobile_menu{
        display: block;
    }
    .mean-bar {
        position: relative;
    }
    .mean-bar::before {
        content: 'Menu';
        position: absolute;
        top: 7px;
        right: 0;
        bottom: 0;
        left: 5%;
        font-size: 24px;
        font-weight: 700;
        color: #fff;
    }
    .mobile_logo_area{
        display: block;
        text-align: center;
        padding: 10px 0;
    }
    /* main menu css */
    .main_menu_area, .inner_faq_ac_item a i{
        display: none;
    }
    .header_top {
        padding: 10px 1px;
        margin: 0;
    }
    .top_menu_right {
        justify-content: center;
    }
    /* h2 */
    .k_h2_alider {
        margin: 0;
    }
    .inner_slider_area {
        height: 500px;
    }
    .inner_slider_content h2 {
        font-size: 40px;
    }
    .inner_slider_content h2 span{
        font-size: 40px;
    }
    .h3_slider {
        text-align: center;
    }
    .sh_h2_shap img{
        display: none;
    }
    .inner_slider_content {
        width: 100%;
    }
    .pro_title h2 span {
        margin-top: 10px;
    }
    .latest_sec_title {
        margin-bottom: 20px;
    }
    .tx_countdown_box {
        display: block;
    }
    /* h2 */
    .apartment_area {
        margin-top: 50px;
    }
    .offer_ac h1 a {
        font-size: 25px;
    }
    .pr_kd {
        margin-top: 20px;
    }
    .skill_im img {
        width: auto;
    }
    .video_area {
        margin: 0;
    }
    .text-center {
        margin-left: -5px;
    }
    .coun_down_area {
        padding: 0;
    }
    /* shop ara */
    .test_text h2 {
        width: 106%;
        margin-top: 0;
        padding: 0;
        font-size: 17px;
    }
    .inner_pr_item {
        margin-top: 30px;
    }
    .s_slider .slick-prev {
        left: 104%;
    }
    .blog_area .slick-prev {
        left: 81%;
    }

    .cal_text h2 {
        font-size: 25px;
    }    
    .cal_text h2 span{
        font-size: 25px;
    }
    .portfolio_title h3 {
        font-size: 30px;
    }
    .apartment_text h2 {
        font-size: 30px;
    }
    .witr_apartment_form {
        padding: 0;
    }
    .google_map {
        margin-top: 0;
    }
    .main_item {
        margin: 15px;
    }
    .tbd_product_text h2 a {
        font-size: 18px;
    }
    .about_area {
        margin-top: 70px;
    }
    .product_item h2 {
        width: 100%;
    }
    .product_item p {
        width: 111%;
    }
    .test_img {
        text-align: -webkit-center;
        margin-bottom: 20px;
    }
    .h2_cal a {
        margin-bottom: 20px;
    }
    .project_information_area {
        padding: 50px 0 0;
    }
    .footer_area {
        text-align: center;
        margin-top: 0;
    }
    .kshop_content {
        text-align: center;
    }
    .h3_test_title h2 {
        font-size: 25px;
    }
    .h3_test_title h2 span{
        font-size: 25px;
    }
}

/*============= mobile device ===============*/
@media (min-width:320px) and (max-width:480px){
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-weight: 500;
        margin-bottom: 10px;
    }
    .header_top {
        padding: 10px 0;
        margin: 0;
        text-align: center;
    }
    .inner_slider_area {
        height: 400px;
    }
    .inner_slider_content h2 {
        font-size: 32px;
    }    .inner_slider_content h2 span{
        font-size: 32px;
    }
    .inner_slider_content {
        width: 90%;
    }
    /* h2 */
    .k_h2_alider {
        margin: 0 -12px;
    }
    .sh2_ac {
        height: 500px;
    }
    .pro_title h2 span {
        margin-top: 10px;
    }
    .about_area {
        margin-top: 0;
    }
    .month_active {
        margin-right: 50px;
    }
    .g_btn a {
        padding: 10px 20px;
    }
    .h2_test {
        margin: 0 10px;
        padding: 0;
    }
    /* about */
    .about_title img{
        width: 100%;
    }
    .month_sec {
        display: block;
    }
    .portfolio_nav ul li {
        margin-bottom: 10px;
    }
    .br_title h2 {
        font-size: 30px;
        margin-left: 20px;
    }    
    #scrollUp {
        bottom: 85px;
    }
    .br_title h2 span {
        font-size: 30px;
    }
    .tr_vedio_vano_box a {
        top: 30%;
    }
    /* video */
    .video_area {
        padding: 0;
        margin: 0 10px;
    }
    .skill_im img {
        height: 200px;
    }
    .tr_vedio_vano_box a i {
        top: 35%;
        left: 40%;
    }
    .counter_area {
        margin: 40px 0;     
        padding: 0;
    }
    /* testmonial */
    .single_test{
        display: block !important;
    }
    .test_text h2 {
        width: 100%;
    }
    /* offer */
    .offer_ac h1 a {
        font-size: 30px;
    }
    .offer_ac img {
        width: auto;
    }
    .offer_btn {
        margin: 90px 0px 0px 0px;
    }
    .w30{
        margin-left: 30px;
    }
    /* port */
    .port_area {
        padding: 0;
        margin: 0;
    }
    .latest_sec_title {
        margin-bottom: 20px;
    }
    .cal_text h2 {
        font-size: 30px;
    }    
    .cal_text h2 span{
        font-size: 30px;
    }
    /* footer */

    .widged ul li span {
        font-size: 13px;
    }
    /* home h3 */
    .co_do_text img {
        left: -24px;
    }
    .tx_countdown_box {
        gap: 10px;
    }
    .tx_single_countdown{
        padding: 10px 10px 0;
        font-size: 20px;
    }
    .v_img {
        margin: 0;
    }
    .v_img img{
        width: 100%;
    }
    .h2_bl_span {
        bottom: 68%;
    }
    .br_title h2 {
        font-size: 25px;
    }
    .br_title h2 span {
        font-size: 25px;
    }
    .tr_vedio_vano_box {
        padding: 114px 0 100px;
    }
    /* price */
    .pricing_area {
        padding: 100px 0 0;
    }
    .pri_item {
        width: 109%;
    }
    .pr_details {
        padding: 10px 0;
    }
    .fo_bg {
        top: 0;
        padding: 0;
    }
    .h2_cal_ac {
        height: 650px;
    }
    .calender th {
        padding: 5px 15px;
    }
    .widged ul li i {
        float: none;
    }
}