





@media only screen and (min-width:767px) and (max-width:1024px) 
{
    
}










/********* ipad ********/
@media only screen and (max-width:768px){
    
   .header_top{padding: 0px 0 20px 0;}
    .header_top .container{padding: 0px;}
    .social_main {float: left; margin: 10px 0 0 0px}
    .aro_top_links ul li{margin: 0px 8px 8px 0px}
    
    .aro_top_links ul li a img {
        margin: 2px 4px 0 0;
        max-height: 15px;
    }
    .aro_top_links {float: left;}
    .aro_top_links ul li a span{font-size: 12px;}
    .aro_lst_link{margin: 0px; font-size: 16px;}
    .nav_main .navbar-brand img{width: 175px;}
    .nav_main .navbar-brand{margin: -34px 0 0 0px;}
    .nav_main {padding: 16px 0 0px 0px;}
    .nav_main .navbar-default li a{font-size: 17px;}
    .nav>li>a{padding: 5px 9px !important;}
    
    .nav_main .navbar-nav {
        margin: 0px 0 0 0px;
    }
    .navbar-default .navbar-toggle{margin-top: 0px; margin-bottom: 12px}
    
    .section_slider_aro h1{padding: 18px 0px 14px 0px; font-size: 18px;}
    .section_slider_aro p{font-size: 14px; margin: 0 0 12px 0;}
    .section_slider_aro a{margin: 0 0 16px 0px; font-size: 18px;}
    
    
    .service_col{text-align: center;}
    .service_col img{float: none; display: inline-block;}
    .service_col h5{ width: 100%; text-align: center;}
    .service_col p{ width: 100%; text-align: center;}
    
    
    
    
    .secton_work{margin: 18px 0 0 0;}
    .secton_work h4 br{ display: none;}
    .secton_work h4 {
        font-size: 18px;
        line-height: normal;
        font-weight: 700;
    }
    .secton_work .description p {font-size: 16px;}
    
    .services_aro_new{text-align: center;}
    .services_aro_new img{float: none; display: inline-block; margin: 0px; }
    .services_aro_new p {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 0px 0px;
    }
    
    .services_aro_new h6 {
        margin: 0 0 15px 0px;
    }
    
    .section_brands{padding: 20px 0 0 0px;}
    .section_brands h3{font-size: 22px;}
    
    .section_brands p {
        margin: 0px 0 15px 0;
        font-weight: 300;
        font-size: 16px;
        text-align: center;
    }
    
    
}







/********* iphones mobiles ********/
@media only screen and (max-width:767px)
{
    .g-recaptcha {
        float: left;
        margin: -20px 0 30px 0;
    }
    
    .header_top{padding: 0px 0 20px 0;}
    .header_top .container{padding: 0px;}
    .social_main {float: left; margin: 10px 0 0 0px}
    .aro_top_links ul li{margin: 0px 8px 8px 0px}
    
    .aro_top_links ul li a img {
        margin: 2px 4px 0 0;
        max-height: 15px;
    }
    .aro_top_links {float: left; width: 100%;}
    .aro_top_links ul li a span{font-size: 10px;}
    .aro_lst_link{margin: 0px; font-size: 16px;}
    .nav_main .navbar-brand img{width: 175px;}
    .nav_main .navbar-brand{margin: -34px 0 0 0px;}
    .nav_main {padding: 16px 0 0px 0px;}
    .nav_main .navbar-default li a{font-size: 17px;}
    .nav>li>a{padding: 5px 0px !important;}
    .navbar-default .navbar-toggle{margin-top: 0px; margin-bottom: 12px}
    
    .banner_right_img img{min-height: 120px; max-height: 120px;}
    .section_slider_aro h1{padding: 18px 0px 14px 0px; font-size: 18px;}
    .section_slider_aro p{font-size: 14px; margin: 0 0 12px 0;}
    .section_slider_aro a{margin: 0 0 16px 0px; font-size: 18px;}
    
    .service_col{text-align: center;}
    .service_col img{float: none; display: inline-block;}
    .service_col h5{ width: 100%; text-align: center;}
    .service_col p{ width: 100%; text-align: center;}
    
    .secton_work{margin: 18px 0 0 0;}
    .secton_work h4 br{ display: none;}
    .secton_work h4 {
        font-size: 18px;
        line-height: normal;
        font-weight: 700;
    }
    .secton_work .description p {font-size: 16px;}
    
    .services_aro_new{text-align: center;}
    .services_aro_new img{float: none; display: inline-block; margin: 0px; }
    .services_aro_new p {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 0px 0px;
    }
    
    .services_aro_new h6 {
        margin: 0 0 15px 0px;
    }
    
    .section_brands{padding: 20px 0 0 0px;}
    .section_brands h3{font-size: 22px;}
    
    .section_brands p {
        margin: 0px 0 15px 0;
        font-weight: 300;
        font-size: 16px;
        text-align: center;
    }
    .footer_top_aro .contaciner{padding: 0px;}
    .foot_ar_col ul li{ width: auto; margin: 0px 12px 8px 0px;}
    .login_aro {margin: 15px 0 18px 0;}
    
    .footer_bottom_aro{ text-align: center;}
    .foot_logo a{ display: inline-block; float: none;}
    .foot_logo img{ display: inline-block;}
    .foot_logo{float: none; display: inline-block;}
    
    .footer_bottom_aro p{margin: 0px 0 16px 0;}
    .flag_aro{float: none; display: inline-block;}
    .footer_bottom_aro ul li a{font-size: 14px;}
    
    
}


@media only screen and (min-width:320px) and (max-width:766px) {
    
}


@media only screen and (min-width:320px) and (max-width:650px) 
{
    
    
    
    
    
    
}



