* { box-sizing: border-box; }
  body{
    font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
    font-size: 20px;
    margin:0px;padding: 0px;
  }
  .mainContainer {
            max-width: 1024px;
            margin: 0px auto;
            position: relative;
            display: block;
            transform:scale(1,1)
        }


        .verBack {
            max-width: 1000px;
            margin: 0px auto;
            min-height: 93px;
            position: relative;
            background: url('images/backVer.svg') no-repeat;
            background-size: contain;
            margin-top: 76px;
            color: white;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            font-size: 19px;
            font-weight: 700;
            text-align: center;
        }

        .backVerHead {
            width: 410px;
            height: 28px;
            margin: 0px auto;
            position: relative;
            top: 9px;
            background: url('images/backVerHead.svg') no-repeat;
            background-size: contain;
            margin-bottom: 27px;

        }

        .mmix {
            width: 33%;
            height: 31px;
            float: left;
        }

        .verBack a {
            width: 72px;
            height: 23px;
            display: inline-block;
            text-align: right;
            position: relative;
            margin-left: 15px;
            cursor: pointer;
            vertical-align: text-top;
            text-align: center;
            line-height: 12px;
        }

        .verBack a span {
            font-size: 15px;
            font-weight: 800;
            z-index: 20;
            position: relative;

        }

        .verChSmall {
            width: 31px;
            height: 31px;
            background: white;
            display: inline-block;
            transform: rotate(-20deg);
            position: absolute;
            top: -7px;
            left: -16px;


        }


        .red {
            background-color: #ed1c24;
        }

        .blue {
            background-color: #2e3192;
        }

        .green {
            background-color: #5cc135;
        }

        .orange {
            background-color: #f58113;
        }

        .silver {
            background-color: #b0aeaf;
        }

        .h1 {

            background: url('images/h_1.svg') no-repeat;
            height: 8.3vw;
            max-height: 86px;
            background-size: cover;
            position: absolute;
            top: 0px;
			display:block;
			width:100%;
        }

        .h1div {
            font-family: 'Arial-BoldMT', 'Arial', sans-serif;
            font-size: 3vw;
            font-weight: bold;
            color: white;
            left: 18%;
            transform: rotate(-4deg);
            position: absolute;
            bottom: 18%;
        }

        .h1cart {
            width: 44px;
            height: 41px;
            background: url('images/cart.svg') no-repeat #000 center center;
            background-size: 40px 37px;
            position: absolute;
            color: white;
            top: 20px;
            right: 17%;
            cursor: pointer;

        }

        .countKosarica{
                width: 20px;
                height: 20px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                background: indianred;
                position: absolute;
                left:30px;
                top:-10px;
                font-family: 'Arial-BoldMT', 'Arial', sans-serif;
                font-size: 12px;
                font-weight: bold;
                text-align: center;
                line-height: 20px;
                cursor: pointer;
        }

        .h1MainImage {
            background: url('images/mainPicture.png') no-repeat;
            width: 100%;
            /*            height:8.3vw;*/
            max-height: 1084px;
            background-size: contain;
            position: relative;
        }



        .mail {
            background: url('images/mail.png') no-repeat;
            width: 60px;
            height: 60px;
            background-size: contain;
            position: absolute;
            top:137px;
            left:27px;
        }

        .youtube {
            background: url('images/youtube.png') no-repeat;
            width: 60px;
            height: 60px;
            background-size: contain;
            position: absolute;
            top:207px;
            left:27px;
        }


        .facebook {
            background: url('images/facebook.png') no-repeat;
            width: 60px;
            height: 60px;
            background-size: contain;
            position: absolute;
            top:279px;
            left:27px;
        }


       



        .h1FrontLogo {
            background: url('images/frontLogo.svg') no-repeat;
            width: 660px;
            height: 150px;
            max-height: 1084px;
            background-size: contain;
            position: absolute;
            top: 66px;
            left: calc(50% - 330px);
        }

        .h1Fdiv {
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            font-size: 36px;
            font-weight: 800;
            color: white;
            left: 57%;
            position: absolute;
            top: 10%;
            line-height: 0.9;
        }

        .h2 {
            position: absolute;
            width: 100%;
            min-height: 200px;
            background: #000;
            top: 558px;
            height: 350px;

        }

        .h2button {
            width: 185px;
            height: 57px;
            background: url('images/button.svg') no-repeat center center;
            color: #fff;
            background-size: contain;
            margin: 30px 0px 0px 18px;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            font-size: 20px;
            display: block;
            font-weight: 700;
            line-height: 54px;
            text-align: center;
            cursor: pointer;
        }

        .h2 a:first-child {
            margin-top: 65px;
        }

        .h2 a:last-child {
            margin-bottom: 27px;
        }


        .h3 {
            max-width: 1024px;
            background: url('images/h_3.svg');
            position: relative;
            background-size: cover;
            width: 1024px;
            height: 120px;
            margin: 0 auto;
        }

        .footer {
			 clear: both;
            max-width: 1024px;
            background: url('images/footer.svg');
            position: relative;
            background-size: cover;
            width: 1024px;
            height: 120px;
            margin: auto auto;
            bottom: 0;
		
        }
        

        .podaciCart {
            width: 100%;
           /* height: 100%;*/
            position: relative;
        }

        .kosarica {
            max-width: 520px;
            /*background: url('images/kosarica.svg')no-repeat;*/
            width: 349px;
            min-height: 537px;
            position: relative;
            background-size: cover;
            margin: 0 auto;
            margin-left: 20px;
            float: left;
            font-size: 26px;
            font-weight: 500;
            text-align: center;
        }

        .stavka {
            width: 90%;
            display: inline-block;
            margin: 0px auto;
            font-size: 16px;
        }

        .stavkaikona{
            background:url('img/product/1.png') no-repeat;
            background-size: contain;
            width: 80px;
            height: 74px;
            display: inline-block;
            float:left;
            border-radius: 50%;
            margin-right: 8px;
            top: 150px;
            left: 27px;;
        }

        .edit{
            background:url('images/edit.png') no-repeat;
            background-size: contain;
            width: 30px;
            height: 20px;
            float: right;
        }
        .stavkaKosarica {
            display: block;
            width: 90%;
            margin: 0px auto;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            border-bottom: 2px solid #1cb4f4;
        }

        .titleKosarica {
            display: block;
            width: 90%;
            margin: 0px auto;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            border-bottom: 2px solid #1cb4f4;
            font-weight: 700;
            font-size: 26px;
        }

        .bottomKosarica {
            width: 109px;
            height: 70px;
            float: right;
            margin-right: 20px;
            background: url('images/paypalLogo.png') no-repeat;
            background-size: contain;
        }

        .ukupnestavke {
            text-align: left;
            width: 90%;
            margin: 0px auto;
            font-size: 12px;
            display: block;

        }

        .ukupanIznos {
            text-align: right;
            width: 90%;
            margin: 0px auto;
            font-size: 12px;
            display: inline-block;
        }

        .ukupnoKosarica,.naslovPodaci {
            text-align: left;
            width: 90%;
            margin: 0px auto;
            font-size: 32px;
            font-weight: 800;
            display: inline-block;
        }

        .ukupnoIznosKosarice {
            text-align: right;
            width: 90%;
            margin: 0px auto;
            font-size: 32px;
            font-weight: 800;
            display: inline-block;
        }

        .labelPodaci {
            font-size: 14px;
            text-align: left;
            font-weight: 400;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            ;
        }

        .errorHidden{
            visibility: hidden;
            color: red;
        }   
        
        .errorVisible{
            visibility: visible;
            color: red;
        }   

        .labelCart {
            font-size: 14px;
            text-align: left;
            font-weight: 600;
            float:left;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            ;
        }

        .podaciUnosa {
            overflow: hidden;
            padding-left: 22px;
            max-width: 700px;
        }

        .input {
            width: 80px;
            height: 40px;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            display: inline-block;
            border: none;
            padding: 2px 2px;
            background: url('images/txtboxBlue.svg') repeat-x center bottom;
            border: none;
        }

        .transparent {
            background-color: transparent;
        }

        .redAlc {
            background: url('images/redAlc.png') no-repeat center center;
            color: #fff;
            background-size: contain;
            left: 220px;
            top: -42px;
            position: absolute;
            width: 435px;
            height: 457px;
            z-index: 1;
        }

        .infoBack {
            padding: 28px 0px 0px 34px;
            background: url('images/infoBack.svg') no-repeat left top;
            color: #fff;
            background-size: contain;
            right: 20px;
            top: 0px;
            z-index: 2;
            position: absolute;
            width: 380px;
            height: 300px;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            font-size: 14px;
            font-weight: 500;
            text-align: left;

        }

        .best{
            font-size: 34px;
            font-weight: 600;
            line-height: 34px;
            margin:0px
        }
        .world{
            padding-left:36px;
            font-size: 51px;
            font-weight: 700;
            line-height: 46px;
            margin:0px
        }
        .device{
            padding-left:153px;
            font-size: 35px;
            font-weight: 500;
            line-height: 20px;
            margin:0px
        }
        .lunchControl{
            margin-bottom: 0px;
            font-weight: 700;
        }
        .automaticHoleshot{
            margin-top: 0px;
            font-weight: 500;
        }
        .options{
            margin-top: 0px;
            margin-left: 30px;
            font-weight: 500;
        }

        .ReadMore {
            width: 124px;
            height: 26px;
            display: block;
            position: absolute;
            right: -11px;
            top: 251px;
            font-weight: 600;
            cursor: pointer;

        }


        .galleryBar {
            height: 400px;
            max-width: 1024px;
            margin: 0px auto;
            position: relative;
            min-width: 430px;
            /* background: #444;*/
            overflow: hidden;
            margin-bottom: 100px;
            white-space: nowrap;
            position: relative;
        }

        .small1 {
            top: 122px;
            left: 50px;

        }

        .bigger {
            width: 556px;
            height: 452px;
            top: 0px;
            left: 208px;
            z-index: 10;

        }

        .small2 {
            top: 122px;
            left: 610px;

        }

        .small3 {
            width: 0px;
            height: 0px;

        }

        .txtbox {
            width: 300px;
            height: 42px;
            background: url('images/txtboxBlue.svg') no-repeat;
            background-size: contain;
        }

        .txtboxGreen {
            width: 300px;
            height: 42px;
            background: url('images/txtboxGreen.svg') no-repeat;
            background-size: contain;
        }


        select {
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
            padding-left:30px;
            font-size: 14px;
            border: 0px;
        } 



        *:focus {
            outline: none;
        }

        .txtbox input{
            border: 0px;
            font-size: 20px;
            height: 42px;
            width: 250px;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            background: transparent;
        }

        .txtbox select{
            border: 0px;
            font-size: 20px;
            height: 42px;
            width: 257px;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            background: transparent;
        }
      


        .txtboxGreen input{
            border: 0px;
            font-size: 20px;
            height: 42px;
            width: 250px;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            background: transparent;
        }

        .gallerybutton {
            width: 215px;
            height: 76px;
            background: url('images/buttonAddCart.svg') no-repeat center center;
            color: #fff;
            background-size: contain;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            display: block;
            text-align: center;
            font-size: 36px;
            font-weight: 800;
            line-height: 0.9;
            position: absolute;
            bottom: 170px;
            right: 200px;
            z-index: 0;
            cursor: pointer;
        }
        
        .gallerybutton:hover{
           font-size: 37px;
           color: #F20034;
          
        }

        .personalization {
            height: 760px;
            width: 200px;
            float: left;
            margin-left: 40px;
            display: block;
            background-repeat: no-repeat, no-repeat;
            background-position: center, center, center, center ;
            background-size: contain, 70%;
        }

        .top-left {
            position: absolute;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            font-size: 16px;
            font-weight: 800;
            text-align: center;
            top: 1120px;
            left: 70px;
        }

        .top-right {
            position: absolute;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            font-size: 24px;
            font-weight: 800;
            text-align: center;
            top: 1120px;
            left: 70px;
            color: white;
        }

        .bottom-left {
            position: absolute;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            font-size: 16px;
            font-weight: 800;
            text-align: center;
            top: 1620px;
            left: 70px;
        }

        .btnAddPersonality {
            display:none;
            top: 1000px;
            left: -20px;
            width: 350px;
            height: 87px;
            display: block;
			font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            text-align: center;
            font-size: 24px;
            font-weight: 800;
            line-height: 27px;
            background: url('images/addPersonality.svg') no-repeat center center;
            background-size: contain;
            color: #fff;
            position: absolute;
            padding:5px;
        }

        .btnAddPersonality_Add{
            color:#000;
            font-size: 15px;
        }

        .itemPrice {
            position: absolute;
            top: 40px;
            right: -50px;
            width: 350px;
            height: 70px;
            padding-left: 20px;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            font-size: 46px;
            font-weight: 800;
            line-height: 62px;
            text-align: center;
            background: url('images/itemPrice.svg') no-repeat center center;
            background-size: contain;
            color: white;
        }

        .totalPrice {
            font-size: 36px;
            font-weight: 800;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            margin-top: 120px;
            margin-right: 70px;
        }

        .itemCart {
            width: 44px;
            height: 41px;
            background: url('images/cart_black.svg') no-repeat center center;
            background-size: 40px 37px;
            position: absolute;
            color: white;
            top: 110px;
            right: 50px;

        }

        .btnPay {
            width: 350px;
            height: 80px;
            display: block;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            cursor: pointer;
            font-size: 26px;
            font-weight: 800;
            line-height: 32px;
            padding-top:10px;
            text-align: center;
            background: url('images/pay.svg') no-repeat center center;
            background-size: contain;
            color: #fff;
        }
        
        .btnAdd {
            width: 246px;
            height: 60px;
            display: block;
            font-family: 'Work Sans', 'Arial-BoldMT', 'Arial', sans-serif;
            font-size: 26px;
            font-weight: 800;
            line-height: 60px;
            text-align: center;
            background: url('images/pay.svg') no-repeat center center;
            background-size: contain;
            color: #fff;
            position:absolute;
            right: 20px;
            bottom: -29px;
            white-space: nowrap;
            cursor:pointer;
        }

        #alertTxt{
          width:100%;
          padding:40px 20px;
          text-align: center;
          
        }


        .firstname, .adress,.city,.email{
            float:left;
        }

        .lastname,.zipcode,.country,.total{
            float:right;
        }

        #sponzor1{
            float: left; margin-top:30px; margin-left: 60px;
        }
        #sponzor2{
           float: left; margin-top:25px; margin-left: 80px;
        }

        #sponzor3{
            float: left; margin-top:37px; margin-left: 60px;
         }

         #sponzor4{
            float: left; margin-top:20px; margin-left: 60px;
         }

         #sponzor5{
           float: left; margin-top:18px; margin-left: 60px;
         }
         /*modal*/
         
             .modalShade{
        background:rgba(200,200,200,0.6)!important;
        z-index:100!important;
        transition: background-color 1s ease!important;
        height:100vh!important;
    }
    
    .modalInvisible{
        position:fixed;
        width: 100vw;
        height:0px;
        overflow:hidden;
        background:rgba(200,200,200,0);
        top:0px;
        left:0px;
        z-index:-100;
        transition: background-color 1s ease;
    }

    #mContent{
        display:block;
        max-width: 500px;
        min-height: 300px;
        background: #fff;
        margin:0 auto;
        margin-top:20vh;
        border: 6px solid #6CBD45;
        -ms-transform: skewX(-2deg); /* IE 9 */
        transform: skewX(-2deg); /* Standard syntax */
        z-index: 150!important;
    }
    
    #miniPersImage{
        min-height: 250px;
        width:150px;
        margin-top: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position:center center;
        float:left;
        }
    .txtsModal{overflow:hidden;padding-top:20px;}
    .distanceVModal1{height:25px;}
    .distanceVModal2{height:50px;}
    .CloseModal{position:absolute; right:10px; top:10px;cursor:pointer;}
    /**modal end*/
         
         
         .headKosarica{
                  -ms-transform: skewY(-1deg); /* IE 9 */
                  transform: skewY(-1deg); /* Standard syntax */
                  border-top: 6px solid #6CBD45;
                  border-right: 6px solid #6CBD45;
                  height:20px;
                  border-left: 6px solid #6CBD45;
                  position:relative;
                  top:3px;

         }
         
         .bodyKosarica{

                  border-left: 6px solid #6CBD45;
                  border-right: 6px solid #6CBD45;


         }
         
        .footKosarica{
                  -ms-transform: skewY(-1deg); /* IE 9 */
                  transform: skewY(-1deg); /* Standard syntax */
                  border-bottom: 6px solid #6CBD45;
                  border-left: 6px solid #6CBD45;
                  border-right: 6px solid #6CBD45;
                  height:53px;
                  position:relative;
                  top:-3px;
         }
         
         


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

            .h1MainImage {
                width: 100%;
                height: 56vw;
                top: 7.8vw;
            }

            .h2 {
                text-align: center;
                top: 53.5vw;
                height: 52.5vw;
            }

            .youtube,.mail,.facebook{
            width: 40px;
            height: 40px;
            }

            .mail
            {
                top:77px;
            }

            .youtube{
                top:113px;
            }
            .facebook{
                top:148px;
            }

            .h3{
	            width:100%;

            }

            .h2button {
                display: inline-block;
            }

            .redAlc {
                position: static;
                float: left;
                margin-left: 10px;
                width: 40vw;
                height: 40vw;

            }

            .infoBack {
                background-size: cover;
                height: 320px;
                position: relative;
                left: 0px;
                top: 0px;
                right: 0px;
                float: right;
                margin-right: 10px;
                margin-top: 25px;
            }

            .verBack {
                margin-top: 42.5vw;

            }

            .mainContainer {
                height: 120vw;
            }

			.podaciUnosa{
				margin-top:20px;
				float:left;
	
			}
			.footer{
				width:100%;
			}
			#sponzor2{
				width:8%;
			}
			
			#sponzor4{
				width:10%;
			}
			
			#sponzor5{
				width:10%;
			}
			
			.btnAddPersonality{
                display:none;
				top:1095px;
				left:-50px;}
			
			.top-left{
			top:1200px;}
			
			.bottom-left{
            top:1676px;}
            
            .kosarica{
                float:none;
                clear:both;
                width: 100%;
                margin:0 auto;
                height:808px;
               
            }

            .podaciUnosa{
                width: 100%;
                clear:both;
                margin:30px auto;
                padding-left: 30px;
                padding-right:30px;
            }

            .ukupnoKosarica,.naslovPodaci{
              text-align: center;
              width: 100%;
            }

            .stavkaikona{
                width: 109px;
                height: 97px;
            }

            .edit{
                width: 40px;
            }

            .stavkaKosarica{
                padding-bottom: 20px;
            }
         

        }
		
        @media only screen and (max-width: 900px) {
     
           
            .personalization{
                width: 228px;
                height: 947px;
                background-size:contain, 55%;
                background-position: center,center,center,left;
                order:2;
                float: none;
                clear: both;
                margin:20px auto;}

                .mail
                {
                    top:77px;
                }
    
                .youtube{
                    top:113px;
                }
                .facebook{
                    top:148px;
                }
    
                .itemPrice{
                    top:-59px;
                    left:-435px;               
                }

                .itemCart{
                    top:-39px;
                    right:-312px;
                }
                .gallery-controls-number{
                    visibility: hidden;
                }
                .backVerHead{
                   top: 26px;
                }
                .verBack{
                    font-size: 24px;
                }

                .top-left{
                    top:1505px;
                }
                
                .bottom-left{
                    top:1703px;
                }
                
                .btnAddPersonality{
                    display:none;
                    top:153%;
                    left:5px;
                }
                .gallerybutton{
                    bottom:-293px;
                    right:-372px;
                }
                
                .podaciUnosa{
                    margin:0px auto;
                    padding:0px 0px 0px 0px;
                    display:block;
                    float:none;
                    clear: both;
                }
                .container{
                   width: 90%;
                   margin:0 auto;
                }


                /*modal style*/
                .modal {
                    display: none;
                    z-index: 1;
                    position: absolute;
                    float: left;
                    left: 50%;
                    top: 50%;
                    width: 100%; 
                    height: 100%; 
                    overflow: auto; 
                    background-color: rgb(0,0,0); 
                    background-color: rgba(0,0,0,0.4); 
                }
                
                /* Modal Content */
                .modal-content {
                    background-color: #fefefe;
                    margin: auto;
                    padding: 20px;
                    border: 1px solid #888;
                    width: 80%;
                }
                
                /* The Close Button */
                .close {
                    color: #aaaaaa;
                    float: right;
                    font-size: 28px;
                    font-weight: bold;
                }
                
                .close:hover,
                .close:focus {
                    color: #000;
                    text-decoration: none;
                    cursor: pointer;
                }
        }

        @media only screen and (min-width: 1024px) {
            .h1 {
                width: 1024px !important;
                height: 86px;
            }

            .h1div {
                font-size: 30px;
                bottom: 24px;
            }

            .h1MainImage {
                width: 100%;
                height: 580px;
                top: 33px;
            }


        }

        @media only screen and (max-width: 860px) {
            .verBack {
                margin-top: 45.5vw;

            }

            .brr {
                display: none;
            }

            .verBack a span {
                white-space: nowrap
            }
            .btnAddPersonality{
                display:none;
                top:1602px;
            }
        }

        @media only screen and (max-width: 800px) {
            .h1 {
                width: 96vw;
            }

            .h1cart {
                top:23%;
                width: 5%;
                background-size: contain;
                left:70%;
                height:62%;
            }

            .h1FrontLogo {
                top: 5.3vw;
                width: 100%;
                left: 0px;
            }

            .footer {
                width: 96vw;
            }

            .h3 {
                width: 96vw;
                top:-73vw;
            }

            .h1MainImage {
                top: 13vw;
            }

            .h2 {
                top: 63vw;
                height: 52vw;
            }

           .h2button{
               margin-top: 44px;
               margin-left:8px;
               float:left;
           }

           .h2 a:first-child{
            margin-top: 44px;
           }
          
           .cart{
               float:left;
               margin-top: 44px;
           }
                   

            .h1Fdiv {
                font-size: 4.2vw;
                top:19%;
            }

            .redAlc {
              /*   position: static;
                margin: 10px auto 0px;
                width: 100vw;
                height: 37vw;
                max-height: 500px;
                float: none; */
                height:37vw;
                width:43vw;
                display:inline-block ;
                float:left;
            }

            .infoBack {
                margin: 0px auto;
                position: relative;
                left: 0px;
                top: 0px;
                float: none;
                display: inline-block;
            }

            .brr {
                display: none;
            }

            .verBack a span {
                white-space: nowrap;
            }

            .verBack {
                height:1vw;
                width:100%;
               background-color: transparent;
                margin-top: 28px;
                background-color: #000;
            }

            .verBack a {
                margin-top: 20px;
            }

            .itemPrice{
                left:-350px;
            }

            .itemCart{
                right:-280px;
            }
            .podaciCart{
                top:-74vw;
            }

            .personalization{
                background-size:contain, 53%;
            }

            .bottom-left{
                top:218vw;
            }
            
            .btnAddPersonality{
                display:none;
                top:203vw;
            }
            .top-left{
                top:191vw;
            }

            .gallerybutton{
                top:63vw;
                left:14vw;
            }


            #sponzor1{
                width:12vw;
                margin-right:-25px;

            }
            #sponzor2{
                width:12vw;
                
                margin-right: -45px;
            }
            #sponzor3{
                width: 13vw;
                margin-right: -45px;
            }
            #sponzor4{
                width:12vw;
                margin-right: -45px;
            }
            #sponzor5{
                width:12vw;
                margin-right: -45px;
            }

            .footer{
                top:-74vw;
            }

            .lunchControl{
                font-size:14px;
            }

            .options{
                font-size: 13px;;
            }

            .mail
            {
                top:77px;
            }

            .youtube{
                top:113px;
            }
            .facebook{
                top:148px;
            }
          
        }


        @media only screen and (max-width: 745px){
            .redAlc{
                height:30vw;
                width:30%;
            }

            .bottom-left{
                top:235vw;
                left:5vw;
            }
            .top-left{
                top:209vw;
                left:5vw;
            }
            .btnAddPersonality{
                display:none;
                top:220vw;
                left:-4vw;
            }
            .gallerybutton{
                top:66vw;
            }

            
            .youtube,.mail,.facebook{
                width: 30px;
                height: 30px;
                }    
                
                .mail
            {
                top:77px;
            }

            .youtube{
                top:113px;
            }
            .facebook{
                top:148px;
            }

           
        }
                
        @media only screen and (max-width: 690px) {
            .bottom-left{
                left:1vw;
                top:232vw;;
            }

            .top-left{
                left:1vw;
                top:203vw;
                
            }
            .personalization{
                background-size:contain, 40%;
            }

            .btnAddPersonality{
                left:-4vw;
                display:none;
                top:216vw;
            }
            .gallerybutton{
                top:61vw;
                left:74px;
            }

            .firstname, .adress,.city,.email,.lastname,.zipcode,.country,.total{
                float:none;
                clear:both;
                margin:0 auto;
            }

            .txtbox,.input,.txtboxGreen{
                margin:0 auto;
            }

            .labelPodaci{
                width: 100%;
                margin:0 auto;
                left:23%;
                position:relative;
                
            }
            .itemPrice{
                top:-100px;
            }
            .itemCart{
                top:-91px;
                right:-232px;
            }

            .totalPrice{
                margin-top: 69px;;
            }
/*            .footer{
            top:52vw;
            }*/

            #sponzor1{
                margin-left: 27px;;
            }


            
           
        }
            
        @media only screen and (max-width: 673px) {
            .personalization{
                background-size: contain,37%;
            }
           
        }

        @media only screen and (max-width: 648px) {
            .personalization{
                background-size: contain,34%;
            }

            .itemPrice{
                font-size: 35px;
                height:54px;
                /*padding-left:-14px;*/
                top:-83px;
            }

            .itemCart{
                top:-61px;
            }
        }
        
        @media only screen and (max-width: 652px) {
            .totalPrice{
                margin-top:14px;

            }
        }


        @media only screen and (max-width: 634px) {
/*            .footer{
                top:62vw;
            }*/
        }

        @media only screen and (max-width: 620px) {
            .h2button, .h2 a:first-child{
                font-size: 17px;
                height: 48px;
            }

             .youtube,.mail,.facebook{
                width: 25px;
                height: 25px;
                left:18px;
                }

                .mail{
                    top:55px;
                }
                .youtube{
                    top:79px;
                }
                .facebook{
                    top:104px;
                }

            .infoBack{
                height: 268px;
            }
            .best{
                font-size: 28px;
            }
            .world{
                font-size: 55px;
            }
            .device{
                font-size: 35px;
            }
            .lunchControl,.options,.automaticHoleshot{
                font-size: 12px;
            }
            .ReadMore{
                top:226px;
                right:5px;
            }
            .verBack{
                margin-top:  0px;
            }
/*            .footer{
                top:66vw;
            }*/


        }

        @media only screen and (max-width: 613px){
            .h2button, .h2 a:first-child{
                width: 173px;
            }
        }

        @media only screen and (max-width: 600px) {

            .h1 {
                width: 96vw;
            }

            .h1cart {
                display: none;
            }

            .h2 {
                top: 63vw;
            }

/*            .footer {
                width: 96vw;
            }*/
             .podaciUnosa{
                    margin:0px;
                    padding:0px 0px 0px 0px;
             }

            .h3 {
                width: 96vw;
            }
        }

        @media only screen and (max-width: 590px){
            .h2button, .h2 a:first-child{
                margin-top: 20px;
                width:152px;
            }

            .redAlc{
                position: relative;
                top:45px;
                left:0px;
                z-index:6;
            }
            .infoBack{
                position: relative;
                top:71px;
                left:0px;
                z-index:1;
                display: block;
                height: 307px;
                margin-left:157px;
            }
            .h2{
                height:64vw;
            }

            .verBack{
                margin-top: 79px;
            }
            .personalization{
                background-size: contain,32%;
            }
            .top-left{
                font-size: 14px;
            }
            .btnAddPersonality{
                display:none;
                font-size: 19px;
                line-height: 23px;
                height: 55px;
            }

            #sponzor2{
                margin-left: 74px;
            }

            .gallerybutton{
                width: 169px;
                height: 62px;
                line-height: 1.0;
            }

            .bottom-left{
                top:228vw;
            }
            .btnAddPersonality{
                display:none;
                width: 285px;
                top:214vw;
            }
            .top-left{
                top:203vw;
            }
            .kosarica{
                width: 87vw;
            }
            .ukupnoKosarica,.naslovPodaci{
                width: 100%;
                margin: 0px auto;
                text-align: center;
            }

            .txtbox,.txtboxGreen{
                position: relative;
                width: 345px;
            }
            .input{
                width:340px;
            }
            .labelPodaci{
                left:17%;
            }
/*            .footer{
                top:89vw;
            }*/
        }



@media only screen and (min-width: 1600px){
  .mainContainer {            
            transform:scale(1.2);
            top:190px;
            
        }
  body{
    overflow-x:  hidden;
  }
    .mainContainerTop {
          top: 548px!important;
          }
}

@media only screen and (min-width: 1600px){
  .mainContainer {            
            transform:scale(1.4);
            top:383px;
            
        }
  body{
    overflow-x:  hidden;
  }
}



        @media only screen and (max-width: 450px){
            .h2button, .h2 a:first-child{
                width:116px;
                font-size: 13px;
                line-height: 35px;
                height: 37px;
                margin-left: -6px;
            }

            .redAlc{
                height: 35vw;
                width: 34vw;
            }

            .best{
                font-size: 14px;
                position: absolute;
                top:6px;
            }

            .world{
                font-size: 22px;
                position: absolute;
                top:16px;
            }
            .device{
                font-size:18px;
            }
            .infoBack{
                margin-left: 96px;
                height:178px;
                width: 234px;
            }

            .lunchControl,.automaticHoleshot{
                font-size: 9px;
            }
            .options{
                font-size: 8px;
            }
            .ReadMore{
                top:148px;
                font-size: 11px;
                right:-50px;
            }

            .h2{
                height:70vw;
            }

            .h1Fdiv{
                font-weight: 700;
                top:5vw;
            }
            .h1cart{
                display: block;
            }

            .verBack{
                font-size: 16px;
                background-color: transparent;
            }
            .backVerHead{
                top:5px;
                height: 17px;
                width: 288px;
            }
            .itemPrice{
                font-size: 21px;
                height: 35px;
                width: 529px;
                line-height: 33px;
                top:-93px;
            }
            .itemCart{
                right:-138px;
                width: 30px;
                height: 36px;
                background-size: 30px,37px;
                top:-88px;
            }

            .top-left{
                font-size: 10px;
                top:211vw;
            }
            .bottom-left{
                font-size: 10px;
                top:239vw;
            }
            .btnAddPersonality{
                display:none;
                width: 161px;
                line-height: 18px;
                font-size: 15px;
                height: 43px;
                top:223vw;
            }

            .personalization{
                height: 1629px;
                background-size:contain,20%;
            }
            .gallerybutton{
                font-size: 22px;
                line-height: 1.3;
                left:36px;
                top:51vw;
                width: 115px;
                height: 58px;
            }
            
            .gallerybutton:hover{
                font-size: 21px;

          
            }
            .h3{
                height: 46px;
                width: 96vw;
            }
            .kosarica{
                width:84vw;
                height: 473px;
            }

            .titleKosarica{
                font-size: 22px;
            }
            .txtbox,.txtboxGreen{
                width:290px;
            }
            .labelPodaci{
                left:11vw;
            }
/*            .footer{
                top:160vw;
                height: 80px;
            }*/
            .podaciCart{
                top:-68vw;
            }
            .btnPay{
                font-size: 23px;
                height: 64px;
                line-height: 32px;
                width: 300px;      
            }

            #sponzor2{
                margin-left: 39px;
            }
             #sponzor3{
                 margin-left: 61px;
             }
             #sponzor4{
                 margin-left: 63px;
                 margin-top: 32px;
             }
             #sponzor5{
                 margin-top: 28px;
                 margin-left: 32px;
             }
        }