/*
====================================================================
MEDIA QUERY CSS
CSS za definisanje ponašanja elemenata u DOM-u
SERVICES 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 MARGINU U FOOTER-U
============================================================
*/
@media only screen and (max-width: 1801px)
{
    .margin2{margin-left: 3%;}
}

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


/*
============================================================
KONTROLNA TACKA KOJA REGULISE MARGINU U FOOTER-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;}

}

/*
=================================================
KONTROLNA TACKA KOJA REGULISE NASLOVE U FOOTER-U
=================================================
*/
@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;}

}

/*
============================================================
KONTROLNA TACKA KOJA REGULISE MARGINU U FOOTER-U, KAO I VELI
CINU TEKSTA ISPOD POSLENJE SLIKE
============================================================
*/
@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;}

    .text3
    {font-size: 30px;line-height: 35px;}
}

/*
=================================================
KONTROLNA TACKA KOJA REGULISE MARGINU U FOOTER-U
=================================================
*/
@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;}
}


/*
=====================================================================
KONTROLNA TACKA KOJA REGULISE HEADER DEO I DAJE NOVI IZGLED FOOTERU,
TAKOĐE SE DAJE NOVI IZGLED SEKCIJAMA SA TEKSTOM I SLIKAMA, TEKST I 
SLIKE PRELAZE JEDNE ISPOD DRUGIH, SMANJUJE SE FONT
=====================================================================
*/
@media only screen and (max-width: 900px) 
{
  
    .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;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;}

    .title 
    {margin-top: 10%;margin-left:10%;font-size: 30px;}
    
    .title1
    {text-align: left; margin-right: 0; margin-left: 10%;font-size: 30px;}

    .title2
    {margin-left:10%;font-size: 30px;}

    .text
    {margin-left: 10%;font-size: 20px;width: 85%;line-height: 24px;}

    .text1
    {float:left; margin-right: 0;margin-left: 10%;text-align: left;font-size: 20px;width: 85%;line-height: 24px;}

    .text2
    {margin-left: 10%;font-size: 20px;width: 85%;line-height: 24px;}
    
    .line
    {width:15%;}

    .line1
    {float: left;width:15%;}

    .line2
    {width:15%;}

    .right_part
    {margin-right: 0;margin-top: -130px;}

    .right_part1 
    {margin-left: 0;}

    .right_part2
    {margin-right: 0;}
    
    .upper_part
    {width:100%; /*margin-top: 100px;*/}

   

    .part_one
    {flex-direction: column;height: 870px;}

    .part_two
    {flex-direction: column;height: 1030px;margin-top: -260px;}

    .part_tree
    {margin-top: -285px;flex-direction: column;height: 1030px;}

    .part_four
    {height: 720px;margin-top: -15px;}
 
}

/*
==============================================
KONTROLNA TACKA KOJA REGULISE NAV BAR SEKCIJU
==============================================
*/

@media (max-width: 800px) 
{
    
    .logo
    {z-index: 20;}
    
    .navbar-links ul
    {
        background-color: rgba(44,58,103,1);
        opacity: 0.95;
        width: 100%;
        margin: auto;
    }
    
    
    .navbar-links ul li a 
    {
        color: white !important;
        font-weight: 600;
        width: 100%;
        margin-right: 0%;
        margin-top: 111px;
        padding-right: 0;
        font-size: 36px;
        margin-bottom: 20px;
    }

    .navbar-links li a {margin-top: 67px;}

    .btn_info
    {background-color: rgba(44,58,103,1);margin-top: -16px !important;}

    .navbar-links ul 
    {z-index: 16;}

    .toggle-button 
    {z-index: 17;}

    .navbar-links.transition 
    {transition: none !important;}

    .navbar-links.active_nav
    {transition: none !important;}
}

/*
==============================================
KONTROLNA TACKA KOJA REGULISE NAV BAR SEKCIJU
==============================================
*/

@media only screen and (max-width: 600px)
{
    .info 
    {font-size: 0.9rem;}

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

    .text
    {font-size: 16px;}

    .text1
    {font-size: 16px;}

    .text2
    {font-size: 16px;}

    .text3
    {font-size: 20px;line-height: 25px;}

    .title
    {font-size: 24px;}

    .title1
    {font-size: 22px;}

    .title2
    {font-size: 24px;}

    .part_one
    {height: 790px;}

    .part_two
    {height: 890px;margin-top: -215px;}

    .part_tree
    {height: 890px;margin-top: -230px;}

    .part_four {height: 440px;;margin-top: -90px;}

    .right_part1 {margin-top: -105px;}
    .right_part2 {margin-top: -260px;}

    .title2 {margin-top: 26%;}

    .upper_part{flex:3;}
}

/*
=====================================================================
KONTROLNA TACKA KOJA REGULISE FOOTER DEO I VELICINU DRUGE I TRECE
SEKCIJE 
=====================================================================
*/
@media only screen and (max-width: 510px)
{
    /*.part_two{height: 755px;}
    .part_tree{height: 755px;}*/

    
    .footer 
    {height: 290px;}
}

/*
=====================================================================
KONTROLNA TACKA KOJA REGULISE CETVRTU KOLONU U OKVTRU FOOTER DELA,
VELICINU DRUGE I TRECE SEKCIJE 
=====================================================================
*/
@media only screen and (max-width: 450px)
{
    
    .column4
    {margin-top: -10px;margin-bottom: 15px;}

    /*.part_tree {margin-top: -170px;}
    .part_two {margin-top: -145px;}*/

    .part_four {margin-top: -150px;}
}

/*
=====================================================================
KONTROLNA TACKA KOJA REGULISE CETVRTU KOLONU U OKVTRU FOOTER DELA,
VELICINU CETVRTE SEKCIJE
=====================================================================
*/
@media only screen and (max-width: 400px)
{
   
    .column4
    {margin-top: 10px;margin-bottom: 25px;}

    /*.part_four {height: 450px;margin-top: -75px;}*/

    
    .part_four {margin-top: -150px;}
    .part_tree {margin-top: -255px;}

    .right_part {margin-top: -80px;}
    .part_two {margin-top: -200px;}
}

/*
=================================
KONTROLNA TACKA KOJA REGULISE 
VELICINU DRUGE I TRECE SEKCIJE 
=================================
*/
@media only screen and (max-width: 370px)
{
    /*.part_tree {margin-top: -130px;}
    .part_two {margin-top: -125px;}*/

    .part_one {height: 815px;}
    .right_part1 {margin-top: -245px;}
    .right_part2 {margin-top: -285px;}

    .part_four {height: 350px;}
    
}