@media screen and(min-width:320px),screen and (max-width:767px)
{
    .small-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .accordion{
        width:100%;
    }
    .header_ul ul li a{font-size: 12.5px;margin-left: 0%}
    .sign_ul {text-align: left;margin-top: 12px;margin-left:-40px;}
    .sign_ul ul li{
        font-size:12px;
    }
    .area-comment{
        width: 374px; height: 100px;
    }
    .general{
        margin-top:10px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .navbar-brand img {width: 100px;}
    .nav.navbar-nav {padding-left: 0;margin-top: 1.3%;background: #fff;z-index: 9999}
    .banner{z-index: -9999}
    .newest_speech{margin: 0}
    .head h2{font-size: 22px;margin-top: 30px;margin-left: 0px}
    .relate {margin-top: 0%;}
    .view a{font-size: 17px;padding: 10px 8px; }
    .speaker_info{padding: 9px;}
    .line-name{
        margin-left:0px;
    }
    .right_icon{
        width: 20px !important;
        position: absolute !important;
        top: 45% !important;
        left: 93%;
    }
    .speaker_div{width: 110%;
        margin:13px -15px}
    .speaker_info h3{font-size: 14px}
    .simply{width: 92.5%}
    #carousaltwo .item .simply {width: 90.5%;}
    .simply h4{margin: 30px 0}
    .video embed{height: 240px}
    .footer_bootom{height: auto}
    .mobile{text-align: center}
    .mobile img {width: 40%;}
    .footer_bootom{padding-bottom: 20px}
    .download h3{font-size: 27px;}
    .download ul li a img{width: 120px}
    .download ul li{margin-right: 5px;}
    .view{margin-right: 15px;}

    /*speech list speaker page start*/
    .selct_opt{width: 100%;margin: 10px 0}
    .pagination{margin: 20px 0}
    .pagination > ul > li >span.page-item > .page-link {font-size: 12px}
    .pagination li a{font-size: 12px;margin-right: 0;padding: 6px}
    .pagination > li .pre img {margin-right: 4px;width: 15px}
    .pagination > li .next img {margin-left: 4px;width: 15px}

    /*login start*/
    .login{margin: 0}
    .login_logo img{width: 120px}
    .login_form{padding: 20px}

    /*profile start*/
    .sign_up_form{padding: 20px;}
    .login-button2{width: 95%;margin-top:0px;}
    .search_form .form-inline .form-control{
        border: 2px solid #dcdbdb;
        border-radius: 0;
        padding: 15px;
        height: auto;
        width: 100%;
    }
    /*.general img{*/
        /*width:100%;*/
    /*}*/
    .panel{
        max-width: 370px !important;
    }
    .dropbtn{font-size: 12px !important;
    }
    .dropdown-content {
        min-width:127px;
    }
    .fa-facebook{
        padding: 0px !important;
    }
    .caret-up{
        margin-right: 80px;
    }
    .caret{
        margin-right: 80px;
    }
    .navbar-default .navbar-nav > li{
        text-align: left;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        margin:0 95px;
        width:100%;
    }
    .input-group-addon img{
        padding-right: 5px !important;
    }
    #audio-player #componentWrapper{
        padding-bottom:40px !important;
        bottom: 0px !important;
        height: auto !important;
    }
}


/*@media screen and(min-width:320px),screen and (max-width:568px) {*/
    /*.area-comment{*/
        /*width: 284px; height: 100px;*/
    /*}*/
/*}*/
@media screen and (min-width:768px) and (max-width:1280px)
{
    .header_ul ul li{margin-right: 7px}
    .header_ul ul li a{font-size: 14px;}
    .sign_ul {text-align: left;margin-top: 0px;margin-left:0px;}
    .dropdown-content{min-width: 128px;}
    .navbar-brand img {width: 110px;}
    .nav.navbar-nav {padding-left: 16%;margin-top: -4.3%;width: 100%;}
    .navbar-default .navbar-nav > li{margin: 0 11px}
    .navbar-default .navbar-nav > li > a{font-size: 14px}
    .newest_speech{margin: 0}
    .view{right: 3%}
    .speaker_div{margin-left:-14px;width: 107%;}
    .simply{width: 91.8%;padding: 0}
    .speaker_info h3{font-size: 14px;line-height: 20px;margin: 7px 0}
    .line{margin-bottom: 10px}
    .speaker_info h4{font-size: 16px;line-height: 17px}
    .simply h3{line-height: 5px;font-size: 18px;margin-bottom: 10px;padding:1em 0 1em;}
    .simply h5{margin-top: -10px}
    .simply h5 a span{font-size: 30px;}
    .simply ul li a img{width: 20px}
    .video embed{height: 270px}
    #carousaltwo .item .simply{width: 91.5%}
    .download h3{font-size: 34px;margin-bottom: 25px}
    .download ul li a img{width: 135px}
    .download ul li{margin-right: 10px}
    .footer_bootom{height: 200px}
    .footer_div{width: 100%}

    /*speech list speaker page start*/
    .selct_opt{width: 31%;margin: 20px 0;margin-right:4px !important;}
    .pagination{margin: 20px 0}
    .pagination li a{font-size: 15px;margin-right: 0;padding: 6px 10px}
    .sub{width:35%}

    /*login start*/
    .login{margin: 0}

    /*profile start*/
    .sign_up_form{padding: 40px;}
    .relate{
        margin-left: 3px !important;
        margin-right:0px !important;
    }
    .accordion{
        width:100%
    }
    .general{
        margin-top:0px;
        margin-left:-40px;
        margin-right:-40px;
    }
    /*.general img{*/
        /*width:100%;*/
    /*}*/
    .login-button2{
        width:320px;
        float:right !important;
        margin-right:15px;
        margin-top:0px;
    }
    .area-comment{
        width: 720px; height: 100px;
    }

}


@media(min-width:992px) and (max-width:1024px)
{
    .header_ul ul li{margin-right: 9px}
    .header_ul ul li a{font-size: 14px;}
    .dropdown-content{min-width: 128px;}
    .nav.navbar-nav {padding-left: 22%;margin-top: -4.3%;width: 100%;}
    .navbar-default .navbar-nav > li{margin: 0 14px}
    .navbar-default .navbar-nav > li > a{font-size: 16px}
    .view{right: 7%}
    .speaker_div{width: 92%;}
    .simply{width: 93.6%;padding: 0}
    .speaker_info h3{font-size: 19px;line-height: 24px;margin: 10px 0}
    .line{margin-bottom: 25px}
    .speaker_info h4{font-size: 18px;line-height: 22px}
    .simply h3{line-height: 5px;font-size: 14px;margin-bottom: 10px}
    .simply h5{margin-top: -10px}
    .simply h5 a span{font-size: 40px;}
    .simply ul li a img{width: 30px}
    .video embed{height: 300px}
    #carousaltwo .item .simply{width: 93.5%;padding: 10px}
    .download h3{font-size: 34px;margin-bottom: 25px}
    .download ul li a img{width: 150px}
    .download ul li{margin-right: 10px}
    .footer_bootom{height: 250px}



    /*speech list speaker page start*/
    .selct_opt{width: 22%;margin: 20px 0;margin-right:25px;}
    .pagination{margin: 20px 0}
    .pagination li a{font-size: 15px;margin-right: 0;padding: 6px 10px}
    .sub{width:27%}

    /*login start*/
    .login{margin: 0}
}

@media(min-width:1025px) and (max-width:1200px)
{

    .nav.navbar-nav {padding-left: 22%;margin-top: -4.3%;width: 100%;}
    .navbar-default .navbar-nav > li > a{font-size: 15px}
    .navbar-default .navbar-nav > li{margin: 0 16px}
    .simply{width: 94%;padding: 0}
    .simply h5 a span{font-size: 40px;}
    .speaker_info h3{font-size: 14px;line-height: 19px}
    #carousaltwo .item .simply{width: 91%;}
    .download ul li a img{width: 170px}


    /*speech list speaker page start*/
    .selct_opt{width: 22%;margin: 20px 0;margin-right:25px;}
    .pagination{margin: 20px 0}
    .pagination li a{font-size: 15px;margin-right: 0;padding: 6px 10px}
    .sub{width:27%}
}