/*.............Responsive..............*/
@media screen and (max-width:992px)
{
    .services .col-md-4 {float: left;width: 33.33%;}
    .newsletter .col-md-7 {float: left;width: 55%;}
    .newsletter .col-md-5 {
    float: left;
    width: 45%;
}
.workswith_page .col-md-4 {float: left;width: 33.33%;}
.uses_box .col-md-6 {
    float: left;
    width: 50%;
}
.home_security .col-md-7 {
    float: left;
    width: 60%;
}
.home_security .col-md-5 {
    float: left;
    width: 40%;
}
.video_monitoring .col-md-4 {
    float: left;
    width: 33.33%;
}
.home_automation_row_1 .col-md-7 {
    float: left;
    width: 60%;
}
.home_automation_row_1 .col-md-5 {
    float: left;
    width: 40%;
}
.home_automation_row_2 .col-md-6 {
    float: left;
    width: 50%;
}
.voice_assistant .col-md-7 {
    float: left;
    width: 60%;
}
.voice_assistant .col-md-5 {
    float: left;
    width: 40%;
}
.media_center .col-md-5 {
    float: left;
    width: 36%;
}
.media_center .col-md-4 {
    float: left;
    width: 34%;
}
.media_center .col-md-3 {
    width: 30%;
    float: left;
}
.hack_me .col-md-5 {
    float: left;
    width: 45%;
}
.hack_me .col-md-7 {
    float: left;
    width: 55%;
}
.home_health .col-md-4 {
    float: left;
    width: 33.33%;
}
}
@media screen and (max-width:969px)
{
.logos_row_1{width: 100%;}
.container{width: 100% !important;padding: 0px 15px;}
.logos_row_1 a {margin: 0 10px;}
.navbar li a {padding: 15px 20px;}

.banner h2 {font-size: 38px;}
.banner p {font-size: 16px;}
.work_with_other p {font-size: 16px;}
.work_image > img {height: auto; width: 12%;}
.work_image > img:nth-child(3) {width: 30%;}

.workswith_row_1 .box_2 {height: 650px;}
.workswith_row_2 .box_2 {height: 600px;}
.workswith_row_4 .box_2 {height: 715px;}

.line_1,.line_2,.line_3,.line_4,.line_5,.line_6{display: none;}


.howitwork_page h2 {font-size: 28px;}

.media_center .col-md-5,.media_center .col-md-4,.media_center .col-md-3 {
 width: 33.33%;float: left;  
}
.howitwork_page h3 {font-size: 18px;}
}

 

@media screen and (max-width:799px)
{
 .workswith_row_3 .box_2 {height: 650px;} 
 .workswith_page {
    padding: 0 0 30px;
}
.workswith_row_1 .box_2 {
    margin-top: 30px;
}
.box_2_text p {font-size: 15px;}
.uses_box ul li {font-size: 14px;
    margin-bottom: 7px;
    padding-left: 15px;
}
.video_monitoring,.home_health,.media_center {padding: 35px 0;}
.home_security h3,.video_monitoring .col-md-4 h3,.howitwork_page h3 {
    margin: 20px 0 10px;
}
.detailed_spec h3{margin: 0px !important;}
}

@media screen and (max-width:767px)
{
.services .col-md-4 {height: auto;margin-bottom: 25px;width: 100%;text-align: center;}
.services .col-md-4 p{text-align: center;}
.logos_row_1 a {
    margin: 0;
}
.navbar-nav {
    padding: 0;
}
.navbar li a {
    padding: 9px 0;
    text-align: center;
}
.navbar-toggle {border: 1px solid transparent;
    border-radius: 2px;
   
    margin-top: 16px;
    padding: 10px 7px;
    position: relative;
}
.navbar-default .navbar-toggle {
    border-color: #23b5f3;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #23b5f3;
}
.box_1 .col-md-2 {
    margin-bottom: 10px;
}
.services { padding: 50px 0;}
.work_with_other h3, .newsletter h3, .opensource_logo h3{
    font-size: 30px;
}
.newsletter p {font-size: 15px; margin-top: 15px;}
.banner h2 {
    font-size: 30px;
}
.box_2_text h3 {
    color: #2d2d2d;
    font-size: 18px;
}
.box_2_text {
    float: left;
    padding: 15px 12px;
    text-align: center;
    width: 100%;
}
.uses_box h3 {font-size: 18px;
    margin-top: 20px;
}
}

@media screen and (max-width:639px)
{
  .newsletter .col-md-7 {
    float: left;
    text-align: center;
    width: 100%;
}
.newsletter .col-md-5 {
    float: left;
    text-align: center;
    width: 100%;
}
.f_navigation, .f_newsletter{margin-bottom: 30px;}
.f_navigation, .f_newsletter, .f_socialmedia, .f_logo{width: 50%;float: left;}
.banner img {
    width: 34%;
}
.down_arrow img {
    max-width: 25px !important;
}
.logos_row_1 > a {

    float: left;
    height: auto;
    padding: 6px 0;
    text-align: center;
    vertical-align: middle;
    width: 33.33%;
}
.logos_row_1 > a img{max-width: 100%;}

.workswith_page .col-md-4 {
    float: left;
    width: 100%;
}
.box_2 {
    float: left;
    height: auto !important;
    margin-top: 30px !important;
}
.uses_box .col-md-6 {
    float: left;
    width: 100%;
}
.uses_box {
    padding-bottom: 20px;
}

.home_security .col-md-7 {
    float: left;
    text-align: center;
    width: 100%;
}
.home_security .col-md-5 {
    float: left;
    text-align: center;
    width: 100%;
}

.howitwork_page {padding: 40px 0;}
.video_monitoring .col-md-4 {
    float: left;
    padding: 20px 15px;
    text-align: center;
    width: 100%;
}
.video_monitoring ,.home_automation, .home_health,.voice_assistant,.media_center,.hack_me{margin-top: 40px;}
.home_automation_row_1 .col-md-7 {
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.home_automation_row_1 .col-md-5 {
    float: left;
    text-align: center;
    width: 100%;
}
.home_automation_row_1 .col-md-5 img{float: none !important;}
.home_automation_row_2 .col-md-6 {
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.home_health .col-md-4 {
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.home_health .col-md-4:last-child{margin-bottom: 0px;}
.voice_assistant .col-md-7 {
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.voice_assistant .col-md-5 {
    float: left;
    text-align: center;
    width: 100%;
}
.media_center .col-md-5, .media_center .col-md-4, .media_center .col-md-3 {
    float: left;
    text-align: center;
    width: 100%;
}
.hack_me{text-align: center;}
.hack_me .col-md-5 {
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.hack_me .col-md-7 {
    float: left;
    text-align: center;
    width: 100%;
}
.howitwork_page h2 img{max-width: 25px !important;}


.home_automation_row_1 img,.home_automation_row_2 img ,.home_health img, .voice_assistant img, .media_center img, .home_security img, .video_monitoring img{
    max-width: 170px;
    margin: 0px auto;
    float: none;
}
.automation_feature > a {
    display: inline-block;
    margin: 0;
}
.howitwork_page h2 {
    font-size: 24px;
}


.box_2_img {
    background-color: #f3f3f3;
    float: left;
    text-align: center;
    width: 100%;
}
.box_2_img img {
    height: auto;
    width: auto;
}
}



@media screen and (max-width:479px){
   .f_navigation, .f_newsletter, .f_socialmedia, .f_logo {
    float: left;
    margin: 0px;
    padding: 20px 0px;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
}
.f_socialmedia ul li {
    display: inline-block;
    margin: 0 5px;
    width: auto;
}
.f_logo {
    border-bottom: 0 none;
    padding-bottom: 0;
}
.f_navigation {
    padding-top: 0;
}
.banner_3 img {
    width: 100% !important;
}
.banner img {
    width: 50%;
}
.uses_page h2 {
    color: #2d2d2d;
    font-size: 19px;
}
.uses_page h2 img {
    margin-right: 10px;
    max-width: 25px;
    vertical-align: sub;
}
}

@media screen and (max-width:360px)
{
    .box_2_img img {
    height: auto;
    width:100%;
}
}
@media screen and (max-width:359px)
{   
 .logos_row_1 > a {width: 100%;}
 .work_image > img:nth-child(3) {
    width: 45%;
}
footer ul li a img{width: 25px;}
}