/*
====================================================================
MEDIA QUERY CSS
CSS za definisanje ponašanja elemenata u DOM-u
HOME PAGE
Sindiri Studio 
v1.0
Miloš Krčobić
=====================================================================
*/


/*
============================================================
KONTROLNA TACKA KOJA REGULISE MARGINU U FOOTER-U
============================================================
*/
@media only screen and (max-width: 1900px)
{.margin2{margin-right: 6%;}}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE DEO SA DIPLOMOM
============================================================
*/
@media only screen and (max-width : 1860px)
{
    .diploma
    {height: 35rem;}
    .diploma_info_body
    {height: 35rem;margin-left: 4.3rem}
    .diploma_info
    {height: 35rem;}

    .title_first
    {font-size:2.8rem;}

    .title_second
    {font-size:2rem;}

    .info_body
    {line-height: 38.96px;}

    .info
    {
        margin-top: -4.9rem;
        font-size: 1rem;
    }
    /*.slika_diploma
    {width:704px;}*/
    .slider_wrap
    {margin-top: -2vw;}
}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE MARGINU U FOOTER-U
============================================================
*/
@media only screen and (max-width: 1801px)
{
    .margin2{margin-left: 3%;}
}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE HEADER DEO
============================================================
*/
@media only screen and (max-width: 1770px) 
{
    
    .header_text
    {font-size: 2.4rem;}
    .header_part
    {height: 67rem;}
}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE MARGINU U FOOTER-U
============================================================
*/
@media only screen and (max-width: 1750px)
{
    .margin2{margin-right: 0%;}
}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE FONT U SOLUTION DELU
============================================================
*/
@media only screen and (max-width: 1640px) 
{
    .font1{font-size: 1rem !important;}
}


/*
============================================================
KONTROLNA TACKA KOJA REGULISE SOLUTION DEO I TEKST PORED 
DIPLOME
============================================================
*/
@media only screen and (max-width: 1610px) 
{
    .solution_content_body
    {width: 48rem;}
    .solution_content
    {width: 48rem;}

    .slider_wrap
    { margin-top: -110px;}

    /*.diploma_info_body 
    {height: 31rem;}*/

    .info_body
    {font-size: 1.4rem;}

    .title_first
    {font-size: 2.5rem;}

    .title_second
    {font-size: 1.8rem;}

    .margin2{margin-left: 3%;}
}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE SOLUTION DEO, TEKST PORED 
DIPLOME, KOLONE U FOOTER-U, TEKST U HEADER-U
============================================================
*/
@media only screen and (max-width: 1520px) 
{
    .info
    {margin-top: -3.7rem;}
    .column_title
    {font-size: 1.7rem;}
    .column_title1
    {font-size: 1.7rem;}
    .column_title2
    {font-size: 1.7rem;}

    .solution_image
    {height: 17rem;}

    .diploma_info_body 
    {height: 31rem;}

    .info_body
    {font-size: 1.25rem;}

    .title_first
    {font-size: 2.3rem;}

    .title_second
    {font-size: 1.6rem;}

    .header_text
    {font-size: 2.2rem;}
}


/*
============================================================
KONTROLNA TACKA KOJA REGULISE SOLUTION DEO, SERVER DEO
============================================================
*/
@media only screen and (max-width: 1475px)
{
    /*#solution_content_body_servers
    {width: 43rem;}*/
}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE SOLUTION DEO I SLIDER
============================================================
*/
@media only screen and (max-width: 1450px) 
{
    
    #solution_content_body_virtual
    {width: 42rem;} 

    .slider_wrap {margin-top: -200px;}
}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE SOLUTION DEO I TEKST PORED
DIPLOME
============================================================
*/
@media only screen and (max-width: 1435px) 
{
    .font2
    {font-size: 1.1rem;}


    .info_body
    {font-size: 1.2rem;}

    .diploma_info_body 
    {height: 24rem;}
}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE SOLUTION DEO, TEKST PORED
DIPLOME, ANTIVIRUS NASLOV
============================================================
*/
@media only screen and (max-width: 1400px) 
{
    .solution_content_body
    {width: 42rem;}
    .solution_content
    {width: 42rem;}

    .column_title1
    {margin-bottom: -6rem;}

    .column_title
    {margin-bottom: -6rem;}

    .antivirus
    {font-size: 3.6rem;}

    .diploma_info_body
    {height: 28rem;margin-left: 2.3rem;}

    #solution_content_body_servers
    {width: 39rem;}

    .info_body
    {line-height: 32.96px;font-size: 1.2rem;}

    .header_text{font-size:1.9rem;}
}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE NASLOVE U FOOTER-U, KARTICE
U GRIDU
============================================================
*/
@media only screen and (max-width: 1340px) 
{
    .column_title
    {font-size: 1.4rem;}

    .column_title1
    {font-size: 1.4rem;}

    .column_title2
    {font-size: 1.4rem;}

    .info
    {font-size: 0.9rem;}

    .card-body
    {
        line-height: 1.8rem;
        font-size: 1.1rem;
    }

    .card-title
    {font-size: 1.4rem !important;}
}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE NASLOVE U FOOTER-U, KARTICE
U GRIDU, KVS DEO, TEKTOVE U NJEMU, DEO SA DIPLOMOM
============================================================
*/
@media only screen and (max-width: 1300px) 
{
  
    .image
    {
        height: 40rem;
        width: 42%;
        margin-left: 52%;
    }

    .font1 
    {font-size: 1rem;/*line-height: 1.8rem;*/}

    .font2
    {font-size: 1rem;line-height: 2rem;}

    #solution_content_body_virtual
    {width: 36rem;}

    .header_part
    {height: 59rem;}

    .kvs_system_info
    {
        margin-top: -5.5rem;
        height: 28rem;
    }

    .line
    {top:88px;}

    .title
    {
        margin-top: 46px;
        font-size: 2.6rem;
    }

    .text_left
    {font-size: 1.25rem;}

    .text_right
    {font-size: 1.25rem;}

    .slider_wrap
    {height: 550px;}
    
    .swiper-container
    {height: 550px;}

    .card-body
    {
        line-height: 1.5rem;
        font-size: 1rem;
    }

    .antivirus
    {margin-left: 0;width: 100%;margin-bottom: 15px;}

    .solution_content
    {width: 32rem;}

 
    .title_first
    {font-size:2.2rem;width: 100%;margin-top: 30px;}

    .title_second
    {font-size:1.3rem;margin-top: 15px;width: 100%;}

    .info_body
    {line-height: 32.96px;font-size: 1rem;width: 55rem;}

    .diploma_info
    {
        /*margin-top: -25px;*/
        margin-left: 80px;
        height: 69rem;
        width: 80%;
        flex-direction: column;
    }

    .diploma_info_body 
    {margin-left: 0;height: 85rem;}


    .diploma_info
    {margin:0;}

    .antivirus_wrap
    {margin-left: 0;}

    .diploma
    {margin-left: 0%;margin-top: 20px;margin-bottom: 20px;}

    .diploma_info
    {width: 90%;margin-left: 5%;margin-right: 5%;}

    .antivirus_wrap
    {margin-left: 0;text-align: center;width: 100%;margin-top: 40px;}
   

    .diploma_info_body 
    {text-align: center;margin-top: -70px;}

    .info_body 
    {width: 90%; margin-left: 5%;margin-right: 5%;}

    .diploma_info 
    {height: 81rem;}

    .slider_wrap {margin-top: -25vw;}  

}

/*
=============================================================
KONTROLNA TACKA KOJA REGULISE KVS DEO KADA JE AKTIVNA KARTICA
SERVERS
=============================================================
*/
@media only screen and (max-width: 1270px)
{
    #solution_content_body_servers
    {width: 36rem;}
}

/*
==============================================================
KONTROLNA TACKA KOJA REGULISE MARGINU SLIDERA, CONTENT U SOLU-
TION DELU
==============================================================
*/
@media only screen and (max-width: 1250px) 
{
 
    .solution_content_body
    {width: 36rem;}

    .solution_content
    {width: 36rem;}

    .card-title
    {font-size: 1.3rem !important;}

    .slider_wrap {margin-top: -20vw;}  
}

/*
==============================================================
KONTROLNA TACKA KOJA REGULISE HEADER TEKST
==============================================================
*/
@media only screen and (max-width: 1150px) 
{
    .header_text
    {
        width: 51%;
    }
}

/*
==================================================================
KONTROLNA TACKA KOJA REGULISE KOLONE U FOOTER-U, SERVER I VIRTUAL
KARTICE U SOLUTION DELU, SLIDER TEKST
==================================================================
*/
@media only screen and (max-width: 1140px) 
{
    .column_title
    {font-size: 1.3rem;}

    .column_title1
    {font-size: 1.3rem;}

    .column_title2
    {font-size: 1.3rem;}

    .info
    {font-size: 0.8rem;}

    .info1
    {font-size: 0.8rem;}

    .slide_text
    {font-size: 1.7rem;}

    .slide_user
    {font-size: 1rem;}
    
    .font1 
    {font-size: 0.9rem;}

    #solution_content_body_servers
    {width: 33rem;}

    #solution_content_body_virtual
    {width: 33rem;}

}

/*
==================================================================
KONTROLNA TACKA KOJA REGULISE HEADER DEO I SOLUTION
==================================================================
*/
@media only screen and (max-width: 1100px)
{
    .image{height:33rem;}

    .header_part {height: 53rem;}

    .header_text
    {font-size: 1.8rem;margin-top: 260px;height: 11rem;}

    .header_btn_CTA
    { height: 47px;width: 182.8px;font-size: 1.5rem;}

    .slide_text
    {font-size: 1.5rem;}

    .solution_image
    {display: none;}

    .solution_content_body
    {width: 46rem;}

    #solution_content_body_virtual
    {width: 46rem;}

    #solution_content_body_servers
    {width: 43rem;}

    .diploma_info {height: 68rem;}
}

/*
==================================================================
KONTROLNA TACKA KOJA REGULISE FOOTERR I GRID, OVDE GRID POSTAJE 
FLEX SA COLUMN DIRECTION-OM
==================================================================
*/
@media only screen and (max-width: 1025px) 
{
    .column_title
    {font-size: 1.1rem;}

    .column_title1
    {font-size: 1.1rem;}

    .column_title2
    {font-size: 1.1rem;}


    .font1 
    {
        font-size: 1.2rem;
    }

    .grid
    {
        margin-right: 0;
        margin-left: 0;
        height: auto ;
        display: flex ;
        flex-direction: column ;
    }
 
    .card-body
    {line-height: 1.5rem !important;line-height: 1rem;}

    .card-title
    {margin-top: 70px;font-size: 1.3rem !important;    padding-top: 10px;padding-bottom: 10px;}

    .margin_minus
    {margin-top: 0px;}

    .margin_minus1
    {margin-top: 0px;}

    .margin_minus2
    {margin-top: 0px;}

    .grid-item1 
    {
        padding: 0 ;
        margin: auto ;
        width: 80% ;
        position:  relative ;
    }

    .grid-item2 
    {
        padding: 0 ;
        margin: auto ;
        width: 80% ;
        position:  relative ;
    }

    .grid-item3
    {
        padding: 0 ;
        margin: auto ;
        width: 80% ;
        position:  relative ;
    }

    .grid-item4
    {
        padding: 0 ;
        margin: auto ;
        width: 80% ;
        position:  relative ;
    }

    .grid-item5
    {
        padding: 0 ;
        margin: auto ;
        width: 80% ;
        position:  relative ;
    }

    .grid-item6
    {
        padding: 0 ;
        margin: auto ;
        width: 80% ;
        margin-bottom: 108px ;
        position:  relative ;
    }

    .card-icon1
    {top: 10px;}
    .card-icon2
    {top: 10px;}
    .card-icon3
    {top: 10px;}
    .card-icon4
    {top: 10px;}
    .card-icon5
    {top: 10px;}
    .card-icon6
    {top: 10px;}

    .card-button
    {
        width: 30%;
        height: 40px ;
        margin: 10px 0 20px 20px;
    }

    .solution_content
    {width: 28rem;}

}

/*
==================================================================
KONTROLNA TACKA KOJA REGULISE KARTICE U GRIDU, TEKST NA SLAJDERU
==================================================================
*/
@media only screen and (max-width: 980px) 
{
 
    .slide_user
    {font-size: 0.9;}

    .card-body
    {line-height: 1.3rem;}

    .card-title
    {font-size: 1.2rem !important;}

    .diploma_info {height: 64rem;}

    .title_first {margin-top: 10px;}
}

/*
==================================================================
KONTROLNA TACKA KOJA REGULISE TEKST U SOLUTIONU
==================================================================
*/
@media only screen and (max-width: 930px)
{
    .text_left
    {
        font-size: 1.2rem;
        line-height: 1.7rem;
    }

    .text_right
    {
        font-size: 1.2rem;
        line-height: 1.7rem;
    }
}

/*
==================================================================
KONTROLNA TACKA KOJA REGULISE SOLUTION DEO
==================================================================
*/
@media only screen and (max-width: 920px) 
{
    
    .solution_content_body
    {font-size: 1.2rem;width: 40rem;}

    .font2
    {font-size: 1rem !important;}

}

/*
===================================================================
KONTROLNA TACKA KOJA REGULISE HEADER DEO I DAJE NOVI IZGLED FOOTERU
===================================================================
*/
@media only screen and (max-width: 900px) 
{
  
    .image
    {
        height: 23rem;
        width: 37%;
        margin-left: 52%;
    }

    .header_text
    {margin-top: 213px;font-size: 1.3rem;line-height: 1.7rem;height: 6rem;}

    .header_btn_CTA 
    {height: 33px;width: 120.8px;font-size: 1rem;}

    .header_part
    {height: 45rem;}

    .solution_content
    {width: 24rem;}

    .slide_text
    {font-size: 1.3rem;line-height: 32.02px;}

    .slide_user
    {font-size: 0.8rem;}

    .footer
    {
        padding-left: 0%;
        padding-right: 0%;
        width: 100%;
    }

    .column1
    {margin:auto;text-align: center;width: 100%}

    .column_title {margin: auto;margin-top: 20px;margin-bottom: 15px;font-size: 1.3rem;width: 75%;}
    #column_title1{display: none;}
    #column_title2{display: none;}
    #column_title3{display: none;}

    #info1 {font-size: 0.92rem;}
    #info2 {font-size: 0.92rem;}
    #info3 {margin-top: 5px; font-size: 0.75rem;}

    .column2
    {flex-direction: row;}

    #info4
    {display: none;}
    #info6
    {display: none;}
    #info5
    {text-align: center;margin-top: 20px;margin-bottom: 25px;}

    .column3
    {flex-direction: row;flex: 15%;}

    .fb
    {height: 28px;width: 28px;}

    .in
    {height: 28px;width: 28px;}

    .skype
    {height: 28px;width: 28px;}

    #info7
    {display: none;}
    #info9
    {display: none;}
    #info8
    {text-align: center;margin-top: -20px;}

    .column4
    {flex-direction: column;justify-content: space-between;margin: auto;margin-top: -50px;align-items: center;}

    #info12
    {font-size: 0.72rem;font-size: 0.72rem;margin-top: 7px;margin-bottom: 14px;}

    #info11
    {display: none;}

    .column_title1
    {margin: 0;}

    .column_title2
    {margin: 0;}

    .info
    {margin: 0;font-size: 0.92rem;}

    .info1
    {margin: 0;}

    .footer
    {flex-direction: column;margin:auto}

    .margin1
    {margin:0;margin-top: 20px;}

    .margin2
    {margin: 0;}

    .socials
    {
        margin-top: 0;
        margin-bottom: 0;
    }

    #solution_content_body_servers
    {width: 38rem;}

    #solution_content_body_virtual
    {width: 38rem;}
}
/*
==================================================================
KONTROLNA TACKA KOJA REGULISE DIPLOMA DEO
==================================================================
*/
@media only screen and (max-width: 880px)
{
    .diploma_info {height: 58rem;}

    .diploma_info {height: 57rem;}
    .slider_wrap {margin-top: -11vw;}
}

/*
==================================================================
KONTROLNA TACKA KOJA REGULISE HEADER DEO
==================================================================
*/
@media only screen and (max-width: 820px) 
{
    .image
    {height: 21rem;margin-left: 54%;}

    .solution_content_body
    {width: 36rem;line-height: 2.4rem;}

    .header_part 
    {height: 41rem;}

    .font1 
    {font-size: 1rem !important;/*line-height: 1.8rem !important;*/}

    .solution_content
    {width: 36rem;}

    #solution_content_body_virtual
    {width: 34rem;}

    /*.diploma_info {height: 59rem;}*/
    .slider_wrap {margin-top: -5vw;}
}

/*
==================================================================
KONTROLNA TACKA KOJA REGULISE SOLUTION DEO I TEKST U KARTICAMA
==================================================================
*/
@media only screen and (max-width: 750px) 
{
    .card-body
    {line-height: 1.5rem;line-height: 1rem;padding-bottom: 20px;}

    .solution_content_body
    {width: 33rem;}

    .solution_content
    {width: 33rem;}

    .solutions
    {margin-left: 0;width: 100%;}

    .diploma_info {height: 50rem;}

}

/*
==================================================================
KONTROLNA TACKA KOJA REGULISE HEADER TEKST
==================================================================
*/
@media only screen and (max-width: 710px)
{
    .header_text
    {
        font-size: 1.3rem;
        margin-top: 191px;
        line-height: 1.8rem;
        width: 47%;
    }
}

/*
==================================================================
KONTROLNA TACKA KOJA REGULISE SOLUTION DEO, HEADER DEO, SLIDER
==================================================================
*/
@media only screen and (max-width: 700px) 
{
  
    .image
    {height: 18rem;}

    .solution_content_body
    {font-size: 1rem;}


    .header_part 
    {height: 36rem;}

    .text_left
    {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .text_right
    {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .text_left
    {line-height: 1.8rem;}

    .text_right
    {line-height: 1.8rem;}

    .solution_content_body
    {width: 100%;}

    .solution_content
    {width: 28rem;}

    .nav-bar_sec li a 
    {font-size: 1.5rem;}

    .slide_text
    {font-size: 1rem;line-height: 24.02px;}

    .slide_user
    {font-size: 0.7rem;}


    #solution_content_body_servers
    {width: 100%;}

    #solution_content_body_virtual
    {width: 100%;}

    .font1 
    {line-height: 1.8rem !important;}

    
    .slider_wrap
    {height: 450px;}
    
    .swiper-container
    {height: 450px;}

    
    /*.diploma_info {height: 54rem;}*/

    .slider_wrap {margin-top: -9vw;}

    .diploma_info
    {width: 100%;margin-left: 0%;margin-right: 0%;height: 52rem;}

}
/*
==================================================================
KONTROLNA TACKA KOJA REGULISE SLIKU DIPLOME
==================================================================
*/
@media only screen and (max-width: 630px) 
{
    .diploma_info {height: 48rem;}

    .image{top: 46px;margin-left: 8%}

    .header_text {margin-top: 215px;width:100%}

    .title{width: 80%;}
    .solution_content_body {width: 85%;}
    .solution_content {width: 80%;}

}



/*
==================================================================
NA DALJE JE SVE DEFINISANJE PONSANJA ZA UREDJAJE SA MANJOM VELICI-
NOM, ISPOD 600PX, DEFINISANJE PONASNJA ZA TEKSTOVE U DELU U KOME 
JE NASLOV KWS, TEKSTOVI IDU IZ FLEX-DERECTION-a ROW u COLUMNS,SEK-
CIJA SE PROSIRUJE, REGULISANJE TEKSTA U OVOJ SEKCIJI
==================================================================
*/
@media only screen and (max-width: 600px) 
{
    
    .body
    {flex-direction: column;}

    .kvs_system_info
    {height: 32rem;width: 100%;}

    .text_right
    {margin-left: 0px;}

    .grid
    {margin-top: 490px;}

    .solutions_title
    {margin-left: 12%;padding-left: 0px;}

    .nav-bar_sec
    {margin-left: 9%;}

    .solution_content_body
    {margin-left: 15%;line-height: 1.8rem;}

    .solutions_btn
    {
        height: 42px;
        width: 132.8px;
        font-size: 1.4rem;
        margin-left: 12%;
    }

    .solution_content 
    {height: 22rem;}

    .solutions 
    {height: 43rem;}

    .antivirus {font-size: 3rem;}

    .info_body
    {line-height: 25.96px;margin-top: 10px;}

    .card-button 
    {width: 50%;}

    .diploma_info {height: 45rem;}

    .info 
    {font-size: 0.9rem;}

    #info1
    {font-size: 0.9rem;}
    
    #info2 
    {font-size: 0.9rem;}
}

/*
==================================================================
PORED SVEGA GORE NAVEDENOG VRSI SE I PROMENA U SOLUTION DELU U PO-
GLEDU VELICINE NAV_BAR-a, MARGINA IZMEDJU ELEMENATA U NAV BAR-u
VELICINE TEKSTA
==================================================================
*/

@media only screen and (max-width: 500px)
{
    .nav-bar_sec
    {margin-left: 8%;}

    .solution_content 
    {width: 83%;}

    .diploma_info {height: 43rem;}

    .footer 
    {height: 290px;}
}

@media only screen and (max-width: 450px)
{
    .nav-bar_sec
    {margin-left: 10%;}

    .nav-bar_sec li a 
    {font-size: 1.2rem;margin-left: 9px;}

    .solutions_btn
    {
        height: 33px;
        width: 120.8px;
        font-size: 1rem;
    }

    .column4
    {margin-top: -10px;margin-bottom: 15px;}
}

/*
==================================================================
POSANJE TEKSTA ISPOD SLIKE DIPLOME i POVECANJE FOOTER-A KAKO BI
SVE STALO U NJEGA
==================================================================
*/

@media only screen and (max-width: 400px)
{
    .text_right
    {margin-top: 20px;}

    .column4
    {margin-top: 10px;margin-bottom: 25px;}


    .diploma_info {height: 41rem;}
}


@media only screen and (max-width: 340px)
{
    .kvs_system_info
    {height: 37rem;}
    
    .grid
    {margin-top: 540px;}

    .nav-bar_sec li a 
    {margin-left: 7px;}

    .diploma_info 
    {height: 42rem;}

}