/*
Theme Name: Wide Cloud Communications
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Herson Samir Martinez
Author URI: https://hrsam.info
Description: A plain-vanilla & lightweight theme for Elementor page builder Created By:  Herson Samir Martinez
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.4.1.1639431204
Updated: 2021-12-13 21:33:24

*/
/*Bootstrap Icons*/
/*@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");*/

/*Media Queries Smart Phone to Cell Phone 320px*/
@media only screen and (max-width: 480px) and (min-width: 320px){


    #hrm_menunav {
        height: 6%;
        width: 17%;
        background-color: #18a7de;
        border-radius: 30% 70% 67% 33% / 30% 30% 70% 70%;
    }

    .textbx{
        width: 85% !important;
    }

    .iconsbx{
        width: 15% !important;
    }

    .cont-boxes{
        padding: 0px !important;
    }

    /*Slider CSS*/
    .slide-content {
        bottom: 4rem !important;
    }

    p.subdes {
        font-size: 16px;
    }

    img.hrm_sliderimg {
        height: 350px!important;
        object-fit: cover;
    }

    /*BNT SLIDER*/
    button.hrm_btn_slider{
        font-size: 15px !important;
    }

    .hrm-text-centers{
        text-align: left !important;
    }

    .hrm-text-centers-reverse{
        text-align: center !important;
    }

    .boxsv{
        width: 100% !important;
    }

    .cardnobr{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    }

    div.container.sections.px-3.pb-5 > div.row.g-0 > div:nth-child(3) > a > div > div.card-icon-box > i{
        font-size: 45px;
      }

      div#footer-follow {
        width: 35% !important;
    }

    div#footer-social-ff {
        width: 65% !important;
    }

    div.cardnobr .card-body{
        padding: 0rem 0.6rem !important;
    }

    .hrm-imgcol{
        width: 70% !important;
    }

    .hrm-px-mv-2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .wd-100-mv{
        width: 100% !important;
        max-width: 100% !important;
    }

    .hrm-scbnfImg,
    .hrm-thrImg{
        width: 100% !important;
        height: auto !important;
    }


    .mb-stl {
        background-color: #fff !important;
    }

    div#g_info {
        padding: 0px !important;
        margin-bottom: 20px !important;
    }
    
    .infosec {
        padding: 2rem !important;
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        background-color: #f5f5f5 !important;
    }
    /*Tables*/
    table td{
        font-size: 11px;
      }

    table th{
        font-size: 11px;
        text-align: left !important;
    }

    /*Elementor Toggle*/
    #btn-toggle-hd .elementor-menu-toggle {
        background-color: #f7f7f700 !important;
        margin-left: calc(20% + 5px);
        transform: translateX(-47%);
    }


}

/*Media queries Ipad to Smart Phone*/
@media only screen and (max-width: 768px) and (min-width: 481px){
    p.subdes {
        font-size: 20px !important;
    }

}

/*Media queries Mini Desk to Ipad Pro*/
@media only screen and (max-width: 1200px) and (min-width: 1024px){
    #desk-nav a.elementor-item {
        font-size: 12px;
    }

    #desk-call p.elementor-icon-box-description,
    #desk-call h3.elementor-icon-box-title a
     {
        font-size: 12px;
    }

    .boxsv {
        width: 33.3% !important;
    }

}

/*Width Media queries*/

@media only screen and (max-width: 1024px) and (min-width: 320px){

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

    .list-head{
        display: none !important;
      }

      .only-mobile{
        display: block !important;
    }

}

@media only screen and (max-width: 767px) and (min-width: 481px){

    .boxsv {
        width: 50% !important;
    }

    .iconsbx {
        width: 10% !important;
    }

    .textbx {
        width: 90% !important;
    }

    #footer-logo img {
        width: 60% !important;
        margin-bottom: 20px !important;
    }

    div#footer-follow {
        width: 27% !important;
    }

    div#footer-social-ff {
        width: 73% !important;
    }

    #btn-toggle-hd .elementor-menu-toggle {
        background-color: #f7f7f700 !important;
        margin-left: -6px;
    }

    div.cal-dy-cont{
        height: 100% !important;
    }

    .hrm-imgcol{
        height: 50% !important;
    }

    .col-tbmb-8{
        width: 100% !important;
    }

    .col-tbmb-4{
        width: 56% !important;
    }

    .hrm-scbnfImg,
    .hrm-thrImg{
        width: 100% !important;
        height: auto !important;
    }

    .bfimghm{
        width: 80% !important;
        height: auto !important;
    }

    /*CTA Section*/
    .col-cta-mdx-8{
        width: 65% !important;
    }
    .col-cta-mdx-4{
        width: 35% !important;
    }

    /*Tables Style*/
    .table-width-sc{
        width: 50% !important;
    }

    .table-width-sc .pdd-content-tables{
        padding: 1rem !important;
        margin: 0px !important;
    }
    /*Contact*/
    .mb-stl {
        background-color: #fff !important;
    }

    div#g_info {
        padding: 0px !important;
        margin-bottom: 20px !important;
    }
    
    .infosec {
        padding: 2rem !important;
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        background-color: #f5f5f5 !important;
    }
}

@media only screen and (max-width: 1300px) and (min-width: 1025px){
    .sections{
        width: 100% !important;
        max-width: 100% !important;
    }
    .hrm-scbnfImg,
    .hrm-thrImg{
        width: 100% !important;
        height: auto !important;
    }

    .bfimghm{
        width: 80% !important;
        height: auto !important;
    }

    .ekit-menu-nav-link{
        padding: 0px 6px 0px 6px !important;
    }

}

/*Media queries ipad pro to ipad Mini*/
@media only screen and (max-width: 1024px) and (min-width: 768px){
    .hrm-scbnfImg,
    .hrm-thrImg{
        width: 100% !important;
        height: auto !important;
    }

    .bfimghm{
        width: 80% !important;
        height: auto !important;
    }

    .hrm-imgcol{
        height: 239px !important;
        margin-top: 60px !important;
    }
}

/*Media Queries Galaxy fold*/
@media(max-width: 320px){ 

    .sections{
        width: 100% !important;
    }

    .boxsv{
        width: 100% !important;
    }

    .cont-boxes{
        padding: 0px !important;
    }

    #hrm_menunav {
        height: 6%;
        width: 20%;
        background-color: #18a7de;
        border-radius: 30% 70% 67% 33% / 30% 30% 70% 70%;
    }

    .textbx{
        width: 80% !important;
    }

    .iconsbx{
        width: 20% !important;
    }

       /*Slider CSS*/
       .slide-content {
        bottom: 4rem !important;
    }

    p.subdes {
        font-size: 16px;
    }

    img.hrm_sliderimg {
        height: 350px!important;
        object-fit: cover;
    }

    /*BNT SLIDER*/
    button.hrm_btn_slider{
        font-size: 15px !important;
    }

    .hrm-text-centers{
        text-align: left !important;
    }

    .hrm-text-centers-reverse{
        text-align: center !important;
    }

    div.hrm-zfold {
        padding: 20px 30px 20px 30px !important;
        margin: 0px 10px 0px 10px !important;
    }
    
    .cardnobr{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    }

    div.container.sections.px-3.pb-5 > div.row.g-0 > div:nth-child(3) > a > div > div.card-icon-box > i{
        font-size: 45px;
      }

    div.cardnobr .card-body{
        padding: 0rem 0.6rem !important;
    }
    
    .hrm-imgcol{
        width: 70% !important;
    }

    .wd-100-mv{
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .hrm-scbnfImg,
    .hrm-thrImg{
        width: 100% !important;
        height: auto !important;
    }
    
    .mb-stl {
        background-color: #fff !important;
    }
    
    div#g_info {
        padding: 0px !important;
        margin-bottom: 20px !important;
    }
    
    .infosec {
        padding: 1rem !important;
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        background-color: #f5f5f5 !important;
    }
    
    /*Elementor Toggle*/
    #btn-toggle-hd .elementor-menu-toggle {
        background-color: #f7f7f700 !important;
        margin-left: calc(20% + 5px);
        transform: translateX(-47%);
    }

    div#footer-follow {
        width: 40% !important;
    }
    
    div#footer-social-ff {
        width: 60% !important;
    }

    div.formcnt {
        padding: 1rem !important;
    }
    
  }