@media (max-width: 768px) {
    .btn-group .btn {
        padding:2px 4px;
        font-size:80% !important;
        line-height: 1;
        border-radius:3px;
    }
    .dropp{
        margin-top: -15% !important;;
    }
    .banner-aboutus{
        margin-top: -38px !important;
    }
    #about{

        margin-top: -45px !important;
    }
    .up-c{
        margin-top: 15% !important;
    }
    .tab-media{
        width: 100%;

    }


}
.hideFooter{
   display: none !important;
}

@media (min-width: 768px) and (max-width: 992px) {
    .big-bg{
        margin-bottom: 10px !important;
    }

    .com-name {
        height: 58px !important;
    }
    .btn-group .btn {
        padding:4px 9px;
        font-size:90% !important;
        line-height: 1.2;
    }
    .dropp{
        margin-top: -7% !important;
    }
    .banner-aboutus {
        margin-top: -16px !important;!important;
    }
    #about{

        margin-top: -17px !important;
    }
    .up-c{
        margin-top: 6% !important;
    }
    .sidebar {
        position: fixed;
        bottom: 0;
        width: 350px;
        background: #303030;
        z-index: 1;
    }
}
@media (max-width: 768px) {
    #canvas2 {
        width: 219px;
        height: 100px;
    }
    .height-bix{
        height:250px !important;
    }
    .box-bottom{
        margin-bottom: 46% !important;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    #canvas2 {
        width: 219px;
        height: 100px;
    }
}
@media (max-width: 768px) {

    .wid-meo{
        width:80% !important;
    }
    .play-ic{
        position: absolute;
        font-size: 42px;
        margin-top: -112px !important;
        margin-left: 132px !important;
        cursor: pointer;
        color: white;
    }
    #canvas {
        width: 219px;
        height: 100px;
    }
    .ne-pdf-detail, .ne-video-detail {
        width: calc(100% - 200px);
        float: left;
        padding-left: 0px !important;
        width: 100% !important;
    }
    .ne-video-preview img{
        /*width: 254px !important;*/
        max-width: 127% !important;
    }
    .ne-video{
        padding:0px !important;
        border: 1px solid #e4e4e4 !important;
    }
    .ne-video-desc{
        padding: 0 5px !important;
    }
    .ne-pdf-title, .ne-video-title{
        padding: 7px 6px !important;
    }
    .ne-video-thumb i{
        margin-left: 112px !important;
    }
    .text-co{
        width: 92% !important;
    }
    .emopanel {
        width: 100% !important;
        margin-left: -100% !important;
        margin-top: 36px !important;
    }
    .tp{
        margin-top: -28px;
    }
    .text-post{
        width:90% !important;
    }
    .emopanell{
        margin-left:0px !important;
    }
    .emopanel-update {
        width: 60% !important;
        margin-left: 3% !important;
        margin-top: 7px !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    #canvas1 {
        width: 260px;
        height: 100px;
    }
}
@media (max-width: 768px) {
    #canvas1 {
        width: 130px;
        height: 130px;
    }
    .addon li .legend-info {
        float: left;
        margin-left: 10px;
        width: 65% !important;
    }
    .text-u{
        margin-bottom: -47px;
    }
    .addon p {
        padding: 7px 13px !important;
        margin: 36px 0px 0px 0px !important;
        margin-bottom: 2px !important;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    #canvas {
        width: 219px;
        height: 100px;
    }
}
@media (max-width: 768px) {
    .imgres {
        width: 219px;
        height: 100px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .imgres {
        width: 219px;
        height: 100px;
    }
}
/*@media (max-width: 768px) {
    .reset-register {
        width: 359px !important;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .reset-register {
        width: 359px !important;
    }
}*/

@media (max-width: 768px) {
    .text-width {
        width: 200px !important;
    }
    .mapheight{
        height: 300px;

    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .text-width {
        width: 200px !important;
    }
}




@media (min-width: 769px) and (max-width: 992px) {
    .imglist {
        width: 68px;
        height: 56px;
        margin-left: -14px;
    }
}
@media (max-width: 768px) {
    .imglist {
        width: 68px;
        height: 56px;
        margin-left: -14px;
    }
}
/**/
@media (max-width: 768px) {
    .name1 {
        margin-bottom: 244px !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .name1 {
        margin-bottom: 244px !important;
    }
}
/**/
@media (max-width: 768px) {
    .msport {
        /*margin-left: 58px;*/
        width: 99px;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .msport {
        /*margin-left: 67px;*/
        width: 99px;
    }
}
@media (max-width: 768px) {
    .panel-body {
        /*padding: 6px;*/
        padding: 20px;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .msport {
        margin-left: 67px;
        width: 99px;
    }
}

/**/
@media (max-width: 768px) {
    .well {
        padding: 2px !important;
        margin-right: -40px !important;
        padding-right: 0px !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .well {
        padding: 2px !important;
        margin-right: -40px !important;
        padding-right: 0px !important;
    }
}@media (max-width: 768px) {
    .media-left, .media>.pull-left {
        padding-right: 0px !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .media-left, .media>.pull-left {
        padding-right: 0px !important;
    }
}
@media (max-width: 768px) {
    .td_module_16 .item-details {
        margin-left: 130px !important;
        min-height: 80px !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .td_module_16 .item-details {
        margin-left: 148px !important;
        min-height: 80px !important;
    }
}
@media (max-width: 768px) {
    .entry-thumb {
        height: 78px !important;
        margin-top: -23px !important;
        width: 124px !important;
        max-width: 150% !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .entry-thumb {
        height: 78px !important;
        margin-top: -23px !important;
        width: 124px !important;
    }
}

@media (max-width: 768px) {
    .td_module_16 .entry-title {
        font-size: 12px !important;
        line-height: 22px;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .td_module_16 .entry-title {
        font-size: 12px !important;
        line-height: 22px;
    }
}

@media (max-width: 768px) {
    .img-height{
        margin-left: 22px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .img-height{
        margin-left: 22px !important;
    }
}

@media (max-width: 768px) {
    .td-module-comments a {
        color: #fff;
        background-color: #000;
        display: inline-block;
        min-width: 17px;
        padding: 3px 4px 4px 5px;
        position: relative;
        margin-top: 7px !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .td-module-comments a {
        color: #fff;
        background-color: #000;
        display: inline-block;
        min-width: 17px;
        padding: 3px 4px 4px 5px;
        position: relative;
        margin-top: 7px !important;
    }
}
@media (max-width: 768px) {
    .btn2 {
        display: inline-block;
        padding: 4px 1px !important;
        margin-bottom: 0;
        font-size: 11px !important;
        font-weight: 400;
        line-height: 0.428571 !important;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .btn2 {
        display: inline-block;
        padding: 4px 1px !important;
        margin-bottom: 0;
        font-size: 12px !important;
        font-weight: 400;
        line-height: 0.428571 !important;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;

    }
}
/*Profile*/

@media (max-width: 768px) {
    .txtheight{
        height: 65px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .txtheight{
        height: 65px !important;
    }
}
/*Profile end*/
@media (max-width: 768px) {
    .fevicon-text{
        margin-top: -29px !important;
        width: 2.3333% !important;
        margin-left: 92px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .fevicon-text{
        margin-top: -29px !important;
        width: 2.3333% !important;
        margin-left: 92px !important;
    }
}
/*@media (max-width: 768px) {*/
/*.img-responsive{*/
/*height:50px !important;*/
/*width:50px !important;*/
/*}*/

/*}*/
/*@media (min-width: 769px) and (max-width: 992px) {
    .img-responsive{
        height:50px !important;
        width:50px !important;
    }
}*/
@media (max-width: 768px) {
    .img-responsive1{
        height: 84px !important;
        width: 175px !important;
    }
    .share{
        /*margin-top: -39px !important;*/
        margin-top: -17px !important;
    }
   /* .share{
        margin-top: -61px !important;
    }*/
    /*.share{
        margin-top: -57px !important;
    }*/
    .share .panel{
        padding: 5px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .img-responsive1{
        height: 84px !important;
        width: 175px !important;
    }
}
@media (max-width: 768px) {
    .leftPanel{
        margin-left: -45px;
        margin-top: -15px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .leftPanel{
        margin-left: -36px;
    }
}
@media (max-width: 768px) {
    .bannertext{
        font-size:12px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .bannertext{
        font-size:12px !important;
    }
}
@media (max-width: 768px) {
    .buddyr{
        float:right !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .buddyr{
        float:right !important;
    }
}
@media (max-width: 768px) {
    .budy-resp{
        margin-top: -50px !important;
        margin-left: 55px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .budy-resp{
        margin-top: -50px !important;
        margin-left: 55px !important;
    }
}
@media (max-width: 768px) {
    .imgs-grid .imgs-grid-image .image-wrap img {
        position: relative!important;
        width: auto !important;
        /* height: 140px !important;*/
        margin: 0;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .imgs-grid .imgs-grid-image .image-wrap img {
        position: relative !important;
        width: auto !important;
        /*height: 140px !important;*/
        margin: 0;
    }
}
@media (max-width: 768px) {
    .td-module-comments {
        position: relative;
        float: right;
        font-family: 'Open Sans', arial, sans-serif;
        font-size: 10px;
        font-weight: 600;
        text-align: center;
        line-height: 1;
        margin-top: -6px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .td-module-comments {
        position: relative;
        float: right;
        font-family: 'Open Sans', arial, sans-serif;
        font-size: 10px;
        font-weight: 600;
        text-align: center;
        line-height: 1;
        margin-top: -6px !important;
    }
}
@media (max-width: 768px) {
    .td-module-meta-info {
        font-size: 10px !important;
        margin-bottom: 7px;
        line-height: 1;
        min-height: 17px;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .td-module-meta-info {
        font-size: 10px !important;
        margin-bottom: 7px;
        line-height: 1;
        min-height: 17px;
    }
}
@media (max-width: 768px) {
    .td-publish {
        margin-top: 8px !important;
        margin-left: -18px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .td-publish {
        margin-top: -26px !important;
        margin-left: -18px !important;
    }
}
@media (max-width: 768px) {
    .modal-title  {
        margin-left: 20px !important;
        margin-top: 9px;
        font-size: 14px !important;

    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .modal-title  {
        margin-left: 20px !important;
        margin-top: 9px;
        font-size: 14px !important;
    }
}
@media (max-width: 768px) {
    .wrap-text  {
        margin-left: 55px !important;
        margin-top: -48px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .wrap-text  {
        margin-left: 55px !important;
        margin-top: -48px !important;
    }
}
/*@media (max-width: 768px) {
    .modal-caption  {
        margin-left: -73px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .modal-caption  {
        margin-left: -73px !important;
    }
}*/
@media (max-width: 768px) {
    .topmargin  {
        margin-top: 100px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .topmargin  {
        margin-left: 100px !important;
    }
}
@media (max-width: 768px) {
    .post .post-footer .comments-list .comment > .comments-list {
        margin-left: 15px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .post .post-footer .comments-list .comment > .comments-list {
        margin-left: 15px !important;
    }
}
@media (max-width: 768px) {
    .td_module_16 {
        padding-bottom: 0px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .td_module_16 {
        padding-bottom: 0px !important;
    }
}
@media (max-width: 768px) {
    .stardy {
        margin-left: -61px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .stardy {
        margin-left: -61px !important;
    }
}
@media (max-width: 768px) {
    .textfont {
        font-size: 14px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .textfont {
        font-size: 14px !important;
    }
}
@media (max-width: 768px) {
    .navbar-fixed-top {
        top: 0px;
        border-width: 0 0 1px;
        height: 53px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .navbar-fixed-top {
        top: 0px;
        border-width: 0 0 1px;
        height: 49px !important;
    }
}@media (max-width: 768px) {
    .tooltipu .tooltiptext {
        width: 150px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .tooltipu .tooltiptext {
        width: 150px !important;
    }
}
@media (max-width: 768px) {
    .boxHeight {
        margin-top:-37px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .boxHeight {
        margin-top:-37px !important;
    }
}
@media (max-width: 768px) {
    .groupMedia {
        margin-top: 10px !important;
        margin-left: 8px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .groupMedia {
        margin-top: 10px !important;
        margin-left: 8px !important;
    }

}
@media (max-width: 768px) {
    .profileSport {
        float: right !important;
        margin-top: -45px !important;
    }

    .dtline{
        border-top: 1px dotted #d3d3d3;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .profileSport {
        float: right !important;
        margin-top: -45px !important;
    }

}
@media (max-width: 768px) {
    .blog-text img {
        max-width: 275px !important;
        height: auto !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .blog-text img {
        max-width: 275px !important;
        height: auto !important;
    }

}
@media (max-width: 768px) {
    .validate-privacy {
        display:none !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .validate-privacy {
        display:none !important;
    }

}@media (max-width: 768px) {
    .cover.profile .wrapper .image {
        padding-right: 0px !important;
        height: auto;
        position: relative;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .cover.profile .wrapper  {
        padding-right: 0px !important;
        height: auto;
        position: relative;
    }

}
@media (max-width: 768px) {
    .star-logo {
        float: left !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .star-logo {
        float: left !important;
    }

}
@media (max-width: 768px) {
    .container-fluid>
    .navbar-collapse,
    .container-fluid>
    .navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header
    {
        margin-right: 0;
        margin-left: 0;
        float: none !important;
    }

    .can-xs{
        width:125%;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .container-fluid>
    .navbar-collapse,
    .container-fluid>
    .navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header
    {
        margin-right: 0;
        margin-left: 0;
        float: none !important;
    }

}

@media (max-width: 768px) {
    .star-logo1 {
        width: 43.666667%;
        margin-top: 7px;
        margin-right: -103px;
        margin-bottom: -24px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .star-logo1 {
        width: 43.666667%;
        margin-top: 7px;
        margin-right: -103px;
        margin-bottom: -24px !important;
    }

}@media (max-width: 768px) {
    .star-logo2 {
        width: 46.666667% !important;
        margin-top: 19px !important;
        margin-right: -100px !important;
        margin-bottom: -24px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .star-logo2 {
        width: 46.666667% !important;
        margin-top: 19px !important;
        margin-right: -100px !important;
        margin-bottom: -24px !important;
    }

}
@media (max-width: 768px) {
    .imgs-grid-modal {
        position: fixed;
        left: 2% !important;
        right: 2% !important;
        top: 14%;
        bottom: 6%;
        /* border: 1px solid gray; */
        background-color: black;
        /* opacity: 1; */
        /* z-index: 100; */
        z-index: 1000;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .imgs-grid-modal {
        position: fixed;
        left: 2% !important;
        right: 2% !important;
        top: 14%;
        bottom: 6%;
        /* border: 1px solid gray; */
        background-color: black;
        /* opacity: 1; */
        /* z-index: 100; */
        z-index: 1000;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

}
@media (max-width: 768px) {
    .logoleft {
        margin-left: 69px !important;
    }

}
@media (min-width: 769px) and (max-width: 992px) {
    .logoleft {
        margin-left: 69px !important;
    }

}
@media (max-width: 768px) {
    .logorespo {
        height:50px;
        width:50px;

    }
    @media (min-width: 769px) and (max-width: 992px) {
        .logoleft {
            height:50px;
            width:50px;
        }

    }
    @media (max-width: 768px) {
        .vidleft {
            margin-left: -47px !important;

        }
    }
    @media (min-width: 769px) and (max-width: 992px) {
        .vidleft {
            margin-left: -47px !important;

        }

    }
    @media (max-width: 768px) {
        .strl {
            width: 57.666667% !important;
            margin-top: 1px !important;
            margin-left: -50px !important;
            margin-bottom: -29px !important;

        }
    }
    @media (min-width: 769px) and (max-width: 992px) {
        .strl {
            width: 57.666667% !important;
            margin-top: 1px !important;
            margin-left: -50px !important;
            margin-bottom: -29px !important;

        }

    }
    @media (max-width: 768px) {
        .strl1 {
            width: 62.666667% !important;
            margin-top: -1px !important;
            margin-left: -62px !important;
            margin-bottom: -29px !important;

        }
    }
    @media (min-width: 769px) and (max-width: 992px) {
        .strl1 {
            width: 62.666667% !important;
            margin-top: -1px !important;
            margin-left: -62px !important;
            margin-bottom: -29px !important;

        }

    }

    @media (max-width: 768px) {
        .bannerTop {
            margin-top:-38px !important;
        }
    }
    @media (min-width: 769px) and (max-width: 992px) {
        .bannerTop {
            margin-top:-42px !important;
        }

    }

    @media (max-width: 768px) {
        .bannertext1{
            font-size:9px !important;
            padding-top: 4px !important;

        }

    }
    @media (min-width: 769px) and (max-width: 992px) {
        .bannertext1{
            font-size:8px !important;
            padding-top: 12px !important;

        }
    }

    @media (max-width: 768px) {
        .tab-content{
            margin-left: 0px !important;
            margin-right: 0px !important;

        }

    }
    @media (min-width: 769px) and (max-width: 992px) {
        .tab-content{
            margin-left: 0px !important;
            margin-right: 0px ! important;

        }

    }
    @media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: portrait)
    and (-webkit-min-device-pixel-ratio: 1) {
        .tab-sm{
            margin-right: 30px !important;
        }
    }

    @media (max-width: 768px) {
        .tabbable-line > .nav-tabs > li {
            margin-right: -36px !important;
            margin-left: 0px !important;

        }

    }
    @media (min-width: 769px) and (max-width: 992px) {
        .tabbable-line > .nav-tabs > li {
            margin-right: 0px !important;
            margin-left: 0px !important;

        }
    }
    /*@media (max-width: 768px) {
        .nav-tabs>li {
             margin-left: 0px !important;

        }

    }
    @media (min-width: 769px) and (max-width: 992px) {
        .nav-tabs>li {
            margin-left: 0px !important;

        }
    }
*/
    @media (max-width: 768px) {
        .paneltop {
             margin-top:-35px !important;
            /*margin-top:-13px !important;*/
        }
    }
    @media (min-width: 769px) and (max-width: 992px) {
        .paneltop {
            margin-top:-40px !important;
        }

    }
    @media (max-width: 768px) {
        .left-banner {
            /*margin-left:50px !important;*/
        }
    }
    @media (min-width: 769px) and (max-width: 992px) {
        .left-banner {
            /*margin-left:50px !important;*/
        }

    }
    @media (max-width: 768px) {
        .left-profile {
            margin-left: -63px;
            margin-top: -81px;
        }
    }
    @media (min-width: 769px) and (max-width: 992px) {
        .left-profile {
            /*margin-left: -68px;*/
            margin-top: 3px;
        }

    }

    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)  {
        .left-banner {
            /*margin-left:50px !important;*/
        }
    }
}


@media (max-width: 768px) {
    .indFont pull-left  {
        padding-right: 41px !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .indFont pull-left {
        padding-right: 41px !important;
    }

}
@media (max-width: 768px) {
    .dropbox  {
        margin-top: 3px !important;
    }
    .cover.profile .wrapper{
        border: none !important;
    }
    .topform{
        margin-top: -15px !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .dropbox {
        margin-top: 3px !important;
    }

}
@media only screen and (min-width: 321px) {
    .vidrespo{
        object-fit: inherit;
        height: inherit;
        margin-left: 15%;
        width: 75% !important;
    }

}

/*@media only screen and (min-width: 992px) {
    .navbar-nav.navbar-right:last-child{
        margin-right: 0px !important;
    }

}*/

@media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}

/*
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
}*/
@viewport {
    orientation: portrait;
}

@media (min-width: 768px) and (max-width: 991px){
    .dropbox  {
        left: 316px !important;
        /*min-width: 200px !important;*/
    }
}

@media only screen and (min-width : 480px) {
    .dropbox1{
        min-width: 160px !important;
        left: 475px !important;
    }
}

/**/
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
    .modal-body{
        height:300px;
        overflow:auto;
    }
}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    .modal-body{
        height:475px;
        overflow:auto;
    }
}

/*landscape 6s */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .modal-body{
        height:275px;
        overflow:auto;
    }
}

@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
    .modal-body{
        height:300px;
        overflow:auto;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
    .modal-body{
        height:300px;
        overflow:auto;
    }
}
@media (max-width: 768px) {
    .profileVal {
        margin-top: 25px;
    }

}
@media (max-width: 768px) {
    .popover.bottom>.arrow {
        left: 39% !important;
        margin-left: 75px !important;
    }

}
@media (max-width: 768px) {
    .popover{
        top: 384px !important;
        left: 151.5px !important;
    }

}
@media (max-width: 768px) {
    .btn-leftmargin {
        margin-left: 51% !important;
        margin-top: 6% !important;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    .btn-leftmargin {
        margin-left: 76%!important;
        margin-top: 3% !important;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .btn-leftmargin {
        margin-left: 57% !important;
        margin-top: 3% !important;
    }

}
@media (max-width: 768px) {
    .btn-left {
        margin-left: 51% !important;
        margin-top: 6% !important;
    }
}

@media (max-width: 768px) {
    .btn-leftmargin-1 {
        margin-left: 65% !important;
        margin-top: 6% !important;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    .btn-leftmargin-1 {
        margin-left: 87% !important;
        margin-top: 2% !important;
    }
}






@media (max-width: 768px) {
    .btn-leftmargin-2 {
        margin-left: 50% !important;
        margin-top: 6% !important;
    }
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    .btn-leftmargin-2 {
        margin-left: 64% !important;
        margin-top: 3% !important;
    }
}

@media (max-width: 768px) {
    .btn-leftmargin-4 {
        margin-left: 50% !important;
        margin-top: 6% !important;
        height:20px;
    }
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    .btn-leftmargin-4 {
        margin-left: 74% !important;
        margin-top: 3% !important;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    .btn-ipad {
        margin-left: 25% !important;
        margin-top: -8% !important;
    }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    .btn-ipad-2 {
        margin-left: 72% !important;
        margin-top: -7% !important;
    }
}

@media (max-width: 768px) {
    .left-resp {
        margin-left: -18px !important;
        margin-top: 10px !important;
    }
}
@media (max-width: 768px) {
    /*  .blog-text p{
          margin-left: -42px;
      }*/
    /*.spn-ellip-1 {
        margin-left: 240px;
        position: absolute;
        font-size: 24px;
        margin-top: 0px;
    }*/
    .right-resp {
        margin-right: -18px !important;
        margin-top: 9px !important;
    }
    .x-01{
        width:295px!important;
    }
    .x-02{
        margin-top: 6px !important;
        margin-left: 7px !important;
    }
    .x-03{
        margin-left: 10px !important ;
        margin-top: 6px !important;

    }
    .x-05{
        width: 100%  !important;
    }
    .form-overflow{
        height: 300px !important;
        overflow: auto !important;
    }
    .btn-leftmargin-4{
        height: 60px !important;
    }
    /* .theight{
         margin-top: 15px !important;
     }*/
    .formct{
        width: 89% !important;
    }
    .form-xs{
        margin-left: -4px !important;
    }
    .pt-md{
        margin-top: -27px !important;
    }
    .modal-dialog{
        width: 100% !important;
    }
    .container-height{
        height: 700px !important;
    }
    .chat-img{
        text-align: center !important;
    }
    .chat-img img{
        width: 100% !important;
        height: auto !important;
    }
    .chat-img-1{
        height: 34px !important;
        width: 34px !important;
    }
    .header_sec{
        margin-top: -10px !important;
    }
    #custom-search-input button{
        right: 26px;
        margin-top: -32px !important;
    }
    .member_list{
        height: 576px !important;
    }
    .member_list li {
        border-bottom: none;
        position: relative !important;
    }
    #rcorners4,#rcorners7{
        width: 100% !important;
    }
    .navbar-toggle{
        margin-top: 6px !important;
        margin-right: -11px !important;
    }
    .list-unstyled{
        position: relative !important;
    }
    .pet-xs{
        font-size: 12px !important;
    }
    .rss-style{
        border: none !important;
    }


}

.md-60{
    height: 34px !important;
    padding-left: 10px !important;
    margin-left: 5px;
}
.md-65{
    height: 34px !important;
    width: 100px ;
    padding-left: 10px !important;
    margin-left: 5px;
}

.carousel-control{
    font-size: 30px !important;
}
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
    .formct{
        width: 89% !important;
    }
}

/*@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (device-width : 414px)
and (device-height : 736px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 3)
and (-webkit-device-pixel-ratio : 3)
{
    body.modal-open {
        !*overflow: hidden !important;*!
        position:fixed !important;
    }
}*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    /*.fancymodal.fancymodal-theme-classic .fancymodal-content {
        height: 600px !important;
    }*/

    body.fancymodal-open {
        overflow: hidden !important;
    }
    .modal-open {
        overflow: hidden !important;
    }
    .text-pad{
        margin-top: -15px !important;
        margin-left: 40% !important;
    }
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    .yearAttrs{
        width: 70px !important;
    }
    .monthAttrs{
        height:34px !important;
        margin-right: 4px !important;
        width: 60px !important;
    }
    .dateAttrs {
        height: 34px !important;
        margin-right: 4px !important;
        width: 50px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .header-se{
        margin-top: -23px;
        margin-left: 50px;
    }
    .bs-example {
        margin: -5px !important;
    }
}
@media (max-width: 768px){
    .cover.profile .cover-info .avatar img {
        width: 50px !important;
        height: 50px !important;
    }

    .font-s{
        font-size:10px !important;
    }

    /* .t-height{
         height: 564px !important;
     }*/
    .xs-ft-1{
        font-size: 8px!important;
        margin-top: 10px!important;
        margin-left: 3px!important;
    }
    .text-up{
        margin-top: -37px !important;
    }
    .form-control-small::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #fff !important;
        font-weight: bold;
    }
    .form-control-small:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #fff !important;
        opacity: 1;
        font-weight: bold;
    }
    .cover.profile .cover-info .cover-nav li {
        float: none;
        border-right: 0!important;
        border-bottom: none !important;
        border-top: none !important;
    }
    .t-lef{
        margin-left: 14px !important;

    }
    .rss-topp{
        margin-top: -38px!important;
    }
    .click-type{
        width: 50%;
        padding:0px;
        padding-top: 3px;
        height: 150px;
        overflow-y: scroll;
        z-index:1000;
        position: absolute;
        line-height: 2.5;
        margin-left: 186px;
        font-size: 11px; "
    }
    .position-1{
        position: fixed !important;
    }
    /* .panelH {
        height: auto !important;
        overflow: auto !important;
    } */
    .bottom-left {
        position: absolute;
        bottom: 8px;
        left: -8px;
        color: white;
    }
    .image {
        position: relative;
        text-align: center;
        color: white;
    }
    .mobilebc{
        background: linear-gradient(to top, #000 59%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        width: 350px;
    }
    .textposition{
        margin-top: 35px !important;
        background-color: black !important;
        margin-left: -3px !important;
    }
    /*
    .panel{
        padding: 5px !important;
    }
    */
    .pbody-xs{
        padding: 0px !important;
    }

}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .click-type {
        margin-left: 385px !important;
    }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1){
    .hmleft{
        margin-right: -15px;
        margin-left: 14px !important;
    }

}

@media (min-width: 769px) and (max-width: 992px) {
    .high{
        height: 100px;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .high{
        height: 111px !important;
    }
    .breadcrumb-image h1{
        position: relative !important;
    }
    .t-pnl{
        padding: 0px;
        border: 1px solid lightgray;
        height: 240px !important;
    }
    .round-progress-wrapper {
        padding-bottom: 28% !important;
    }
    .banner-aboutus {
        margin-top: -36px !important
    }

}
.t-pnl{
    padding: 0px;
    border: 1px solid lightgray;
    height: 157px;
}
.leftprofile{
    width: 50px !important;
    height: 50px !important;
    border-radius: 50px !important;

}
.notify-img img {
    border-radius: 50px;
}
.fg-color-black img{
    border-radius: 50px;
}