@media (max-width:1200px) {
    .container {
        width: 96%;
        margin: 0 auto;
        padding: 0;
    }
    .nav_sec .navbar-default .navbar-nav>li {
        margin: 0 0 0 28px;
    }
    .slider_sec .caption_info {
        padding: 0 50px 0 70px;
    }
    .about_sec .inner {
        max-width: 460px;
    }
    .about_sec {
        background-size: 50% auto;
        background-position: right 3% center;
    }
    ul.footer_list li a {
        font-size: 14px;
    }
    ul.add_info li {
        font-size: 12px;
    }

    .contact_sec .well .detail,
    .footer_detail .add_info li{
        word-wrap: break-word;
    }

    .blog_sec .pull-left .testimonial_img,
    .blog_sec .pull-right .testimonial_img{
        width: 100%;
    }
}


/************ Main **************/

@media (max-width: 991px) {
    .navbar-brand>img {
        width: 200px;
    }
    .nav_sec .navbar-default .navbar-nav>li {
        margin-left: 14px;
    }
    .nav_sec .navbar-default .navbar-nav>li>a {
        font-size: 14px;
    }
    .nav_sec .navbar-default .navbar-nav>li:first-child {
        margin: 0;
    }
    .navbar-header {
        margin-top: -18px;
    }
    .slider_sec h2 {
        font-size: 45px;
        max-width: 500px;
    }
    .about_sec {
        padding: 40px 0;
    }
    .about_sec h2 {
        font-size: 40px;
    }
    .about_sec .inner {
        max-width: 360px;
    }
    .about_sec p {
        font-size: 14px;
        line-height: 23px;
    }
    .about_sec {
        /*background: url(../images/about_image.jpg) no-repeat right center;*/
        background-size: 50% auto;
    }
    .news_sec {
        padding: 40px 0 10px 0;
    }
    .testimonial_sec {
        padding: 40px 0;
    }
    .footer_detail {
        padding: 15px 0 0 0;
    }
    .copyright {
        text-align: center;
        padding: 12px 0;
    }
    ul.copyright_link {
        width: 100%;
        float: left;
        margin-bottom: 5px;
    }
    .service_sec .right_info {
        padding: 35px 0 0 60px;
    }
    .service_sec .service_block {
        margin-bottom: 30px;
        padding: 0;
    }
    .service_sec .service_block h3 {
        font-size: 20px;
    }
    .service_sec .service_block p {
        font-size: 14px;
        line-height: 23px;
    }
    .service_sec .service_block i {
        left: -99px;
    }
    .top_social {
        margin: 0;
        float: right;
    }
    .top_part {
        width: 100%;
        float: left;
        text-align: right;
    }
    .top_part .ph_info {
        margin: 0;
        padding: 0 10px;
        float: none;
        display: inline-block;
    }
    .top_part .ph_info .fa-phone-volume{
        position: relative;
        font-size: 17px;
        top: 0;
    }
    .top_part .ph_info::before {
        height: 20px;
        bottom: 4px;
    }
    .footer_logo {
        text-align: center;
        margin: 25px 0;
    }
    ul.footer_social {
        text-align: center;
    }
}


@media (max-width: 830px){
    .nav_sec .navbar-default .navbar-brand img{
        width: 78%;
    }
}
@media (max-width: 768px) {
    .slider_sec h2 {
        font-size: 30px;
        text-shadow: -1px -1px 0 #2882B1, 1px -1px 0 #2882B1, -1px 1px 0 #2882B1, 1px 1px 0 #2882B1;
        
    }
}

@media (max-width: 767px) {
    html {
        -webkit-text-size-adjust: none;
    }
    .container {
        width: 93%;
        margin: 0 auto;
        padding: 0;
    }
    .navbar-default .navbar-toggle {
        margin-right: 0;
        margin-top: 0px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
        width: 30px;
        height: 4px;
    }
    .navbar-toggle {
        border: none;
        background: transparent !important;
        margin-bottom: 0;
    }
    .navbar-toggle:hover {
        background: transparent !important;
    }
    .navbar-toggle .icon-bar {
        width: 22px;
        transition: all 0.2s;
    }
    .navbar-toggle .top-bar {
        transform: rotate(45deg);
        transform-origin: 10% 10%;
    }
    .navbar-toggle .middle-bar {
        opacity: 0;
    }
    .navbar-toggle .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
    }
    .navbar-toggle.collapsed .top-bar {
        transform: rotate(0);
    }
    .navbar-toggle.collapsed .middle-bar {
        opacity: 1;
    }
    .navbar-toggle.collapsed .bottom-bar {
        transform: rotate(0);
    }
    
    .nav_sec .navbar-default .navbar-brand {
        bottom: 10px;
        position: absolute;
        left: 50%;
        margin-left: -112px;
        /*left: 15px;*/
    }
    .nav_sec .navbar-default .navbar-brand img{
        /*width: 100%;*/
    }
    
    .top_social li {
        font-size: 19px;
    }
    .top_part .ph_info {
        padding: 0 8px 0 20px;
        margin: 0 0px 0 10px;
    }
    .about_sec {
        background: none;
    }
    .slider_sec h2 {
        font-size: 36px;
    }
    .slider_sec .owl-carousel .owl-dots {
        bottom: 10px;
    }
    .about_sec .inner {
        max-width: inherit;
        margin-bottom: 30px;
    }
    .footer_logo {
        margin-top: 30px;
    }
    .navbar-header {
        margin: 0;
        padding: 10px 0;
        clear: both;
    }
    .nav_sec::before {
        display: none;
    }
    .mobile_menu {
        color: #2782b1;
        float: right;
        margin: 0;
    }
    
    .sidenav {
        background: #2782b1;
    }
    .sidebar-nav .dropdown-menu>li>a:hover,
    .sidebar-nav .dropdown-menu>li>a:focus:hover {
        background: #e7ed11;
        color: #000;
    }
    .sidebar-nav li a:hover,
    .sidebar-nav li:active a,
    .sidebar-nav li a:focus,
    .sidebar-nav li.open a:hover,
    .sidebar-nav li.open a:active,
    .sidebar-nav li.open a:focus {
        background: #e7ed11;
        color: #000;
    }
    .service_sec {
        text-align: center;
    }
    .service_sec::before {
        display: none;
    }
    .service_sec .right_info {
        width: 100%;
        padding: 40px 0 0 0;
        max-width: inherit;
    }
    .service_sec .service_block i {
        position: relative;
        margin-bottom: 20px;
        left: 0;
    }
    .service_sec .service_block {
        padding: 0;
    }
    .service_sec .service_block {
        margin-bottom: 30px;
    }
    .service_sec .service_block p {
        font-size: 15px;
        line-height: 23px;
    }
    .news_sec .news_block p {
        font-size: 14px;
        line-height: 23px;
    }
    .testimonial_sec .t_block p {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 15px;
    }
    .slider_sec h2 {
        text-align: center;
    }
    .about_sec {
        text-align: center;
    }
    .top_part {
        text-align: center;
        border-bottom: 1px solid #f1f1f1;
        padding: 0 0 6px 0;
    }
    .top_social {
        float: none;
    }


    .page_sec,
    .blog_sec,
    .contact_sec{
        padding: 30px 0px;
    }
    .right_image {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .left_image {
        width: 100%;
        max-width: 100%;
        margin: 0px 0px 20px;
    }
    .blog_sec .blog_item img{
        width: 100%;
        margin-bottom: 20px;
    }
    .blog_sec .blog_item .testimonial_img{
        width: inherit;
        margin-bottom: 20px;
    }
    .inner_sec .caption_info{
        top: 30%;
    }
    .inner_sec h2{
        font-size: 24px;
    }
    .contact_sec .well .detail{
        word-wrap: break-word;
    }
    .about_sec .more_link{
        margin-bottom: 30px;
    }
    .contact_sec iframe{
        margin-top: 30px;
    }
    .copyright .right_link{ float: none; }
    .top_part .ph_info::before {
        bottom: 1px;
    }
    .top_part .ph_info .fa-phone-volume { position: absolute; }
}


/************ iphone **************/

@media (max-width:600px) {
    html {
        -webkit-text-size-adjust: none;
    }
    .container {
        width: 91%;
    }
    .owl-nav {
        display: none;
    }
    .slider_sec .caption_info {
        padding: 0 20px;
        top: 20%;
    }
    .slider_sec h2 {
        font-size: 19px;
    }
    .slider_sec .owl-carousel .owl-dots {
        bottom: 10px;
    }
    .about_sec h2 {
        font-size: 34px;
    }
    .about_sec p {
        margin-bottom: 20px;
    }
    .news_sec h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .testimonial_sec {
        text-align: center;
    }
    .testimonial_sec .t_block picture {
        width: 100%;
        max-width: 89px;
        float: none;
        display: inline-block;
    }
    .testimonial_sec .t_block .detail {
        width: 100%;
        float: left;
        overflow: inherit;
        padding: 15px 0 0 0;
    }
    .testimonial_sec .t_block h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .footer_logo {
        margin-bottom: 25px;
    }
    ul.copyright_link li {
        margin: 0 10px;
    }
    ul.copyright_link li a {
        font-size: 15px;
    }

    .testimonial_sec .t_block .testi_user_icon{
        float: none;
    }
}

@media (max-width: 400px){
    .contact_sec .width400{
        width: 100%;
    }
}

@media (max-width:360px) {
    .nav_sec .navbar-default .navbar-brand{
        width: 80%;
    }

    .inner_sec .caption_info{
        top: 18%;
    }
    .inner_sec h2{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .inner_sec .cap_inn span{
        font-size: 14px;
        line-height: 14px;
    }
}