﻿ .row{margin:0px}
        .itemAgent{border-radius:21px;  height:370px; overflow:hidden; margin-bottom:20px; box-shadow:0 7px 24px rgb(0 0 0 / 10%)}
        .itemAgent img{width:100%; border-radius:20px; margin-bottom:7px; margin-right:6px; float:left}
        .itemAgent .descpt{margin: 0px 10px;font-size: 1.3em; overflow:hidden;text-align:justify}
        .itemAgent h3{font-size:1.5em; color:Black; font-weight:bold; padding:14px 9px}
        .itemAgent h3 a{color:Black;}
        .contentAr img{width:100% !important; height:100% !important}
        .owl-carousel-img{clear:both}
        .owl-carousel-img li{float:left; padding:5px;margin:5px; height:250px; overflow:hidden}
        .owl-carousel-img li img{width:150px}
        .owl-carousel-img li h4{width:150px; text-align:center;font-size:1.3em; overflow:hidden; height:77px}
        .hp_thumb a img{width:100%}
         .hp_thumb a p{font-size: 15px;
                                color: #444f45;
                                font-weight: bold;
                                margin-bottom: 0;}
          .hp_thumb a:hover{text-decoration:none; color:#f96b68}
                      #hp_featured{float: left;}
    .content .hp_narrow h3
    {
        margin-top: 20px;
    padding-bottom: 0.7em;
    }
    #hp_featured_container
    {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;display:grid
    }
    #hp_featured_container_agent
    {
           grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;display:grid
    }
    
     #hp_featuredAr{float: left;}
    #hp_featuredAr_container
    {
        grid-template-columns: 1fr 1fr;
    grid-gap: 15px;display:grid
    }
    #hp_featuredAr_container_agent
    {
           grid-template-columns: 1fr 1fr;
    grid-gap: 15px;display:grid
    }
     .ulTree
                {
                    border-top: 1px solid #ECE9E9;
                    padding: 20px 0px;
                }
                .ulTree ul
                {
                    list-style: none;
                    margin-left: 1em;
                }
                .ulTree ul li
                {
                    line-height:29px
                }
                .ulTree h4
                {
                    font-weight: bold;
                    padding-top: 20px;
                }
                .ulTree span
                {
                    font-weight: bold;
                    padding-top: 20px;font-size:15px;
                }
                .ulTree .titletree
                {
                    padding: 0px 20px 0px 0px;
                    background: url('./images/list-icon-tree.jpg') no-repeat right;
                }
                .ulTree a
                {
                    color: #3E3E3E;
                }
                a.button {width: 100%; margin-bottom: 0.5em; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #444444; font-size: 1.3em;display: block; background: url('./images/bg-button-link.png1') #f6f7f8 repeat-x; border:1px solid; border-color: #cccccc #c5c6c8 #b6b7b9; font-weight: bold; text-decoration: none;text-shadow:0 1px 0 #fff; color:#4e5665; box-shadow:0 1px 1px rgba(0, 0, 0, .05)}
                .sco-breadcrumb{border-bottom:1px solid #e6e6e6}
                .photoMeta{float:left}
                .whiteCard.xl .photoMeta, .whiteCard.xl .pro-see-projects{width:auto}
                .whiteCard.xl .photo{width:auto}
                .fb-comments fb_iframe_widget fb_iframe_widget_fluid_desktop{height:401px; overflow-y:scroll}
               .grid{width:100%; margin-left:0px}
               .one-line{font-size:1.6em}
               .catelog img{width:100%; margin-bottom:8px}
               .catelog h2{text-align:center; font-size:1.5em;height:37px; overflow:hidden}
               #hp_featured_container
                    {
                        grid-template-columns: 1fr 1fr 1fr 1fr;
                    grid-gap: 15px;display:grid
                    }
               #hp_containe_outer{margin-top:10px}
               #hp_container_outer > div{width: 1020px;
                    margin: 0 auto;
                    min-height: 405px; padding-top:37px}
                #hp_container_outer h1{font-size: 46px;
                line-height: normal;
                margin-bottom: 25px;
                width: 500px;
                text-align: left;
                margin: 0 0 00px;
                color: #444F45;
                float:left;font-family:"Helvetica","Nimbus Sans L","Arial","Liberation Sans",sans-serif; font-weight:600
                }
                #hp_container_outer p
                {
                    text-align: left;
                    width: 500px;
                    color: #444f45;
                    font-size: 24px;float:left;margin-top:25px
                    }
                    #hp_container_outer #hp_books
                    {
                        bottom: 0;
                        right: 24px;
                        width: 485px;
                    }
                    #hp_container_outer > div img{
                    width: 361px;
                    right: 0;
                    bottom: 15px;
                    max-width: unset;z-index: 4;display:block;margin:0 auto;float:right}
                  
                                 .view_best_container
                {
                    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
                grid-gap: 15px;display:grid
                }
                .view_fistnew_container
                {
                    grid-template-columns: 0.9fr 1fr;
                grid-gap: 15px;display:grid
                }
                .view_new_container
                {
                    grid-template-columns: 1fr 1fr;
                    grid-gap: 15px;display:grid
                }
    @media screen and (max-width: 767px)
                                 {
                                     #hp_featured_container
                                     {
                                          grid-template-columns: 1fr 1fr !important
                                         }
                                 }