@media only screen and ( max-width: 1199px){ 
}
@media only screen and ( max-width: 1024px){
    .avtar{ width: 210px; height: 210px; }
    .company-name{margin-top: 85px;}
    .profile-cover-sec{height: 217px;}
    .dayname-row, .times-row{font-size: 12px;}
    .panel-body-div ul li{margin-bottom: 4px;}
}
@media only screen and ( max-width: 991px){
    .panel-box{ /*min-height: 300px;*/ margin-bottom: 15px;}
    .padd-r7{ padding-right: 15px;}
    .padd-l7{ padding-left: 15px;}
    .visit-btn{ font-size: 15px; margin-top: 10px; }
    .avtar{ /*width: 210px; height: 210px;*/ width: 170px; height: 170px;}
    .company-name{ margin-top: 45px;}
    /*New addition*/
    .profile-cover-sec {
        height: 163px;
    }
}
@media only screen and ( max-width: 767px){
    .profile-cover-sec{ height: 170px;}
    .profile-info{ text-align: center;}
    .profile-bg-div{ height: 55px;}
    .avtar{ width: 150px; height: 150px;}
    .company-name{ margin: 0; width: 100%;}
    .company-name h2{}
    .profile-info{ bottom: -105px;}
    .company-contect-info{ margin-top: 100px; margin-bottom: 10px; text-align: center;}
    .company-contect-info ul li p{ text-align: left}
    .visit-btn{ margin-top: 10px;}
    .dayname-row, .times-row{font-size: 15px;}
}
@media only screen and ( max-width: 567px){
    .profile-cover-sec{ height: 78px;}
    .profile-info{ bottom: -105px; }
    .avtar{ display: inline-block; float: none; }
    .company-name{ display: block; height: auto; margin-top: 10px; margin-bottom: 10px; }
    .company-name h2{ display: block; font-weight: 700; font-size: 22px; text-align: center;}
    .panel-body-div p{ font-size: 18px; line-height: 22px;}
    .panel-header h3{ font-size: 24px;}
    .company-contect-info{ margin-top: 90px;}
}
@media only screen and ( max-width: 479px){
    .company-name{ font-size: 22px;}
}