/****************************************************************************
( 1024 X 768)
****************************************************************************/
@media only screen and (min-width: 959px) and (max-width: 1100px)
{
    #content .blog figure { width: 250px; }
    #content .blog .detail {width: 344px;}
    .service_sec { margin-left: 19px !important; }
    .row {margin-left: 0px;}

    #sub_content .right_sec { width: 264px;}
    #sub_content .left_sec{ width: 674px ;}
    #sub_content .left_sec .left {width: 578px;}

    #sub_content .comments .text {width: 601px;}
    #sub_content .comments .children .text {width: 524px;}
    #sub_content .leave_comment .field {width: 310px;}
    #sub_content .leave_comment input[type=submit] { margin: 0 0 0 0px;}
    #footer .row { margin: 0px;}

    .newsletter input[type="text"] { margin-bottom: 15px; }
    .half { width: 100%;}
    #table_two .main_tab .tab_sec {width: 193px;}
}
/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px)
{
    #header, #header_two, #header_four {height: 125px;}
    #header .logo, #header_two .logo, #header_four .logo {float: none; text-align: center; display: block;}
    .nav {display: none !important; }
    .responsive {display: block; width: 77%; float: right; margin-top: 23px;}

    #content .blog figure { width: 210px; }
    #content .blog .detail {width: 256px;}

    #footer .sections {width: 21%;}

    .meet_team .team_sec {width: 30%;}
    #sub_content .right_sec { width: 264px;}
    #sub_content .left_sec{ width: 438px ;}
    #sub_content .left_sec .left {width: 374px;}
    #sub_content .comments .text {width: 364px;}
    #sub_content .comments .children .text {width: 290px;}

    #respond { width: 438px ;}
    #sub_content .leave_comment .field { width: 438px ;  float: none ;}
    #sub_content .leave_comment input[type=submit] { margin-bottom: 10px;}
    #sub_content .leave_comment textarea { width: 279px;  float: none ;}
    #sub_content .contact .form textarea { width: 222px;}

    .wrpp img { width: 100%; }
    .newsletter input[type="text"] { margin-bottom: 15px; }
    #table_two .main_tab .tab_sec { width: 33.1%;}

    #sub_content .left_sec .date {width: 64px; height: 46px;padding: 17px 0 0 0;}
    #sub_content .left_sec .date span.large { font-size: 20px;}
}
/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( max-width: 768px )
{
    #header, #header_two, #header_four {height: 125px;}
    #header .logo, #header_two .logo, #header_four .logo {float: none; text-align: center; display: block;}
    .nav {display: none !important; }
    .responsive {display: block; width: 77%; float: right; margin-top: 23px;}

    #content .blog figure { width: 210px; }
    #content .blog .detail {width: 256px;}
    #footer .sections {width: 30%;}
    .meet_team .team_sec {width: 30%;}
    #sub_content .right_sec { width: 264px;}
    #sub_content .left_sec{ width: 438px ;}
    #sub_content .left_sec .left {width: 374px;}
    #sub_content .comments .text {width: 364px;}
    #sub_content .comments .children .text {width: 290px;}

    #respond { width: 438px ;}
    #sub_content .leave_comment .field { width: 438px ;  float: none ;}
    #sub_content .leave_comment input[type=submit] { margin-bottom: 10px;}
    #sub_content .leave_comment textarea { width: 279px;  float: none ;}
    #sub_content .contact .form textarea { width: 222px;}

    .wrpp img { width: 100%; }
    .newsletter form { width: 95%; margin: 0 auto;}
    .newsletter input[type="text"] { width: 90%; margin-bottom: 15px;}
    .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { width: 189px;}
    .newsletter input[type="text"] { margin-bottom: 15px; }

    #table_two .main_tab .tab_sec { width: 33.1%;}

    #sub_content .left_sec .date {width: 64px; height: 46px;padding: 17px 0 0 0;}
    #sub_content .left_sec .date span.large { font-size: 20px;}
}
/****************************************************************************
(600 X 800)
****************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 767px)
{
    #header_four { margin-top: 98px;}
    #top_bar li.mb { width: 90%; margin:  12px auto 0px;}
    #top_bar .social_icons { float: none; text-align: center;}
    #top_bar .social_icons a{ float: none;display: inline-block;}

    #header, #header_two, #header_four {height: 125px;}
    #header .logo, #header_two .logo, #header_four .logo {float: none; text-align: center; display: block;}
    .nav {display: none !important; }
    .responsive {display: block; width: 100%}
    .white_back { margin-top: 0px !important; }

    #content .blog figure img { width:100%;}
    #content .blog .detail {  float: left !important ;}

    #content .blog { width: 98% !important; margin: 0 auto 25px; float: none ; }
    #content .blog .detail { width: 240px !important; margin: 20px auto 25px; float: none ;}
    #content .why_choose { width: 98% !important; margin: 0 auto 25px; float: none ; }
    #content .clients { width: 90% !important; margin: 0 auto 25px; float: none ; }
    .serv_sec { width: 90% !important; margin: 0 auto 25px; float: none ; }
    .meet_team .team_sec { width: 46% !important;float: left;}
    #footer .sections { width: 90% !important; margin: 20px auto 0px; float: none ; }
    .half { text-align: center; }

    #sub_content .right_sec { width: 294px !important; margin: 20px auto 25px; float: none ;}
    #sub_content .left_sec{ width: 530px !important; margin: 20px auto 25px; float: none ;}
    #sub_content .left_sec .left {width: 466px;}

    #sub_content .contact .get_touch { width: 520px ; margin: 20px auto 25px; float: none;}
    #sub_content .contact .form { width: 524px ; margin: 20px auto 25px; float: none ;}
    #sub_content .contact .form .field { margin: 0px;}
    #sub_content .contact .form textarea{ width: 368px;}
    #sub_content .contact form .pink_btn { margin: 10px 0 0 0px ;}
    #respond { width: 530px ; margin: 20px auto 70px; float: none ;}
    #sub_content .leave_comment .field { width: 530px ;  float: none ;}
    #sub_content .leave_comment input[type=submit] { margin-bottom: 10px;}
    #sub_content .leave_comment textarea { width: 400px;  float: none ;}
    #sub_content .comments .text {width: 464px;}
    #sub_content .comments .children .text {width: 377px;}

    .half { text-align: left; }
    .newsletter form { width: 80%; margin: 0 auto;}
    .newsletter input[type="text"] { width: 90%; margin-bottom: 15px;}
    .newsletter input[type="submit"] { margin-bottom: 10px;}

    #footer .footer_bot { height: 108px;}
    #footer .footer_bot { text-align: center;}
    #footer .footer_bot p { float: none;}
    #footer .footer_bot .social_icons a { float: none; display: inline-block;}
    #footer .footer_bot .social_icons { float: none; display: inline-block;}
    #table_two { margin: 0 auto 30px;}
    #table_two .main_tab .tab_sec { width: 49.81%;}

    #sub_content .left_sec .date {width: 64px; height: 46px;padding: 17px 0 0 0;}
    #sub_content .left_sec .date span.large { font-size: 20px;}

}

/****************************************************************************
{320 X 480} + (480 X 320)
****************************************************************************/
@media only screen and (max-width: 480px)
{
    #header_four { margin-top: 98px;}
    #top_bar li.mb { width: 90%; margin:  12px auto 0px;}
    #top_bar .social_icons { float: none; text-align: center;}
    #top_bar .social_icons a{ float: none;display: inline-block;}

    #header, #header_two, #header_four {height: 125px;}
    #header .logo, #header_two .logo, #header_four .logo {float: none; text-align: center; }
    .nav {display: none !important; }
    .responsive {display: block; width: 100%}
    .white_back { margin-top: 0px !important; }
    #work_two .view { margin: 0 auto 25px; float: none; }

    .view { width: 97% !important; margin: 0 auto 25px; float: none ; }
    #content .blog figure {width: 100%;margin-bottom: 15px;}
    #content .blog figure img { width:100%;}
    #content .blog { width: 98% !important; margin: 0 auto 25px; float: none ; }
    #content .blog .detail { width: 257px !important; margin: 20px auto 25px; float: none !important;}
    #content .why_choose { width: 98% !important; margin: 0 auto 25px; float: none ; }
    #content .clients { width: 74% !important; margin: 0 auto 25px; float: none ; }
    .serv_sec { width: 90% !important; margin: 0 auto 25px; float: none ; }
    .meet_team .team_sec { width: 90% !important; margin: 0 auto 25px; float: none ; }
    #footer .sections { width: 90% !important; margin: 20px auto 0px; float: none ; }
    .half { text-align: center; }
    .wrpp img { width: 100%; }

    #sub_content .right_sec { width: 294px !important; margin: 20px auto 25px; float: none ;}
    #sub_content .left_sec{ width: 300px !important; margin: 20px auto 25px; float: none ;}
    #sub_content .left_sec .left {width: 236px;}
    #sub_content .contact .get_touch { width: 294px ; margin: 20px auto 25px; float: none;}
    #sub_content .contact .get_touch li {font-size: 12px !important;}
    #sub_content .contact .form { width: 294px ; margin: 20px auto 25px; float: none ;}
    #sub_content .contact .form .field { margin: 0px;}
    #sub_content .contact .form .field label { margin: 0px 0 10px 0;}
    #sub_content .contact .form textarea{ width: 273px;}
    #sub_content .contact form .pink_btn { margin: 10px 0 0 0px !important;}
    #respond { width: 294px !important; margin: 20px auto 70px; float: none ;}
    #sub_content .leave_comment .field { width: 294px !important; margin: 0 auto 3px; float: none ;}
    #sub_content .leave_comment .field input[type=text] { width: 270px !important; margin: 0 auto}
    #sub_content .leave_comment label {margin-top: 10px !important;}
    #sub_content .leave_comment input[type=submit] {margin-left: 0px; margin-bottom: 10px;}
    #sub_content .leave_comment textarea { width: 260px; margin: 0 auto 3px; float: none ;}
    #sub_content .comments .text {width: 230px;}
    #sub_content .comments .children .text {width: 150px;}

    .newsletter form { width: 80%; margin: 0 auto;}
    .newsletter input[type="text"] { width: 90%; margin-bottom: 15px;}
    .newsletter input[type="submit"] { margin-bottom: 10px;}
    #sub_content .left_sec .date {width: 64px; height: 46px;padding: 17px 0 0 0;}
    #sub_content .left_sec .date span.large { font-size: 20px;}

    #footer .footer_bot { height: 108px;}
    #footer .footer_bot { text-align: center;}
    #footer .footer_bot p { float: none;}
    #footer .footer_bot .social_icons a { float: none; display: inline-block;}
    #footer .footer_bot .social_icons { float: none; display: inline-block;}

    #table_two .main_tab .tab_sec { width: 100%;}
}